Skip to content

Instantly share code, notes, and snippets.

@TaizWeb
Last active July 31, 2018 01:52
Show Gist options
  • Save TaizWeb/e4c3a46fdb0af0b08dbde87aac0077da to your computer and use it in GitHub Desktop.
Save TaizWeb/e4c3a46fdb0af0b08dbde87aac0077da to your computer and use it in GitHub Desktop.
Updated to add more numix theme
.drawer__header { /* The collection of buttons on top */
background: #444444;
}
.drawer__tab { /* The above's icons */
color: #a7a7a7;
}
.drawer__header a:hover { /* The above's hover action */
background: #f0544c;
}
.search__input { /* The search thing at the top of the profile */
background: #333333;
}
.drawer__inner { /* The compose section */
background: #444444;
}
.drawer__inner__mastodon { /* The thing below the compose section */
background: #444444;
}
.column>.scrollable { /* For posts */
background: #333333;
}
.column-header { /* For the thing at the top */
background: #3b3b3b;
}
.status { /* The divider line under posts in a timeline */
border-bottom: 1px solid #444444;
}
.column-header__button { /* The above's button */
background: #3b3b3b;
}
.icon-button.active { /* More icons */
color: #f0544c;
}
.notification__favourite-icon-wrapper .star-icon, .star-icon.active { /* The favorite icon */
color: #f0544c;
}
.notification__message .fa { /* The icon messages in the notification column */
color: #f0544c;
}
.column-header.active .column-header__icon { /* That little house icon in the home timeline */
color: #f0544c;
}
.status__display-name { /* Handle text color */
color: #525252;
}
.muted .status__content, .muted .status__content a, .muted .status__display-name strong { /* Text seen in the mentions */
color: #646464;
}
.button { /* The post button */
background-color: #f0544c;
}
.button:active, .button:focus, .button:hover { /* The animation when a user hovers over the post button, should be set to a shade lighter than the normal color */
background-color: #f0544c;
}
.detailed-status { /* The highlighted status seen in the rightmost pane, this is accessed when you click a status in a timeline */
background: #444444;
}
.detailed-status__action-bar { /* The lower part of the above */
background: #444444;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment