Skip to content

Instantly share code, notes, and snippets.

@loikein
Last active Apr 21, 2020
Embed
What would you like to do?
[loikein/pawoo-light-theme](https://github.com/loikein/pawoo-light-theme)
/* color vars */
html,body{
--border-gray: rgba(40, 44, 55, 0.1);
--background-gray: rgb(235, 235, 235);
--background-dark: rgb(187, 187, 187);
--font-dark: rgb(40, 44, 55);
--font-gray: #606984;
--link-blue: #2b90d9;
}
/* edges around */
.ui {
background-color: var(--background-dark);
}
/* background */
.account__header>div,
.load-more:hover {
background: transparent;
}
.column>.scrollable,
.status__wrapper,
.detailed-status, .detailed-status__action-bar,
.drawer__inner.darker,
.account__action-bar,
.compose-form .autosuggest-textarea__textarea,
.compose-form .compose-form__buttons-wrapper,
.column-link,
.pawoo-suggested-accounts-page .pawoo-suggested-accounts-page__suggested-accounts,
.empty-column-indicator, .error-column {
background: white;
}
.search__input, .search__input:hover, .search__input:active, .search-results__section {
background: white !important; /* important*/
}
.status__wrapper[data-featured=true],
.focusable:focus, .detailed-status:focus,
.reply-indicator,
.drawer__inner,
.navigation-bar,
.account__header, .account__section-headline, .account__header__fields,
.column-header, .column-icon, .column-back-button, .column-header__back-button,
.getting-started__wrapper, .getting_started,
.column-link__badge, .column-subheading,
.column-link:hover, .getting-started {
background: var(--background-gray) !important; /* important */
}
.navigation-bar {
background: var(--background-gray);
}
.media-spoiler, .video-error-cover,
.column-header__collapsible,
.column-header__collapsible-inner,
.column-header__collapsible__extra,
.column-settings__section {
background: var(--background-dark);
}
.setting-toggle, .setting-toggle__label, .setting-meta__label {
background: inherit;
}
/* border */
.account__section-headline>a.active::before,
.account__section-headline>a.active::after {
border-color: transparent transparent white;
}
.status,
.detailed-status,
.detailed-status__action-bar,
.load-gap {
border-color: var(--border-gray);
}
.compose-form .hashtag-editor {
border-top: 1px solid var(--border-gray);
border-bottom: 1px solid var(--border-gray);
}
.account, .account__disclaimer,
.account__action-bar, .account__action-bar__tab,
.account__section-headline,
.account__header__fields dl {
border-color: var(--border-gray) !important; /* important*/
}
.account__header__fields{
border-top: var(--border-gray);
}
/* font */
.media-spoiler__warning, .media-spoiler__trigger {
color: white;
}
.status__content, .status__content a, .status__content a.hashtag,
.active,
span.ellipsis, .status__content a span.ellipsis {
color: var(--link-blue);
}
.account__header__content>p,
.account__section-headline>a {
color: var(--font-gray);
}
.display-name__account{
color: var(--border-gray) !important; /* important*/
}
.drawer__inner, .muted .status__content p,
.navigation-bar, .navigation-bar *, .navigation-bar > div > a.permalink > strong,
.autosuggest-textarea *,
.search__input, .search__input:hover, .search__input:active, .search-results__section,
.search__icon .fa-search.active, .search-results__section, .search__icon .fa-times-circle.active,
.icon-button,
.account__section-headline > a.active,
.tabs-bar, .drawer__header, .drawer__header *, .search-results__header,
.column-header, .column-icon, .column-back-button, .column-header__back-button,
.column-header__collapsible, .column-header__collapsible-inner, .column-header__collapsible__extra,
.column-settings__section, .setting-toggle, .setting-meta__label, .setting-toggle__label,
.column-link, .empty-column-indicator, .error-column {
color: var(--font-dark);
}
.display-name, .status__display-name, .display-name__html,
.status__content,
.notification__display-name:hover, .notification__display-name:active,
.detailed-status, .detailed-status__action-bar, .detailed-status__display-name strong, .detailed-status__display-name span,
.account__action-bar__tab *,
.getting-started p,
.account__header__display-name {
color: var(--font-dark) !important; /* important*/
}
/* details */
.trend-tags{
display: none;
}
/* scroll bar */
::-webkit-scrollbar-thumb {
background: #E1E8ED !important;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
background: #A5A688 !important;
}
::-webkit-scrollbar-track {
background: white !important;
}
/* left column header */
.tabs-bar, .tabs-bar__link,
.drawer__header, .drawer__header a,
.search-results__header {
background-color: var(--background-gray);
color: var(--font-dark);
}
.drawer__header a:hover,
.tabs-bar__link:hover,
.tabs-bar__link.active {
/* color: white;*/
background-color: var(--background-dark);
}
.drawer__header i {
color: inherit;
background-color: inherit;
}
.tabs-bar__link.active{
border-bottom: var(--font-dark);
}
/* centeral column header */
.column-header__button,
.column-header__button a,
.header__button {
background-color: var(--background-gray);
color: var(--font-dark);
}
.column-header__button.active,
.column-header__button:hover,
.column-header__button a:hover,
.header__button.active:hover {
color: var(--font-dark);
background-color: var(--background-dark);
}
.column-header__button i {
color: inherit;
background-color: inherit;
}
/* showmore */
.status__content .status__content__spoiler-link, .status__content .status__content__spoiler-link:active,
.reply-indicator__content .status__content__spoiler-link {
background-color: transparent;
color: var(--link-blue);
border: 1px solid var(--link-blue);
}
.status__content .status__content__spoiler-link:hover {
background-color: var(--link-blue);
color: white !important; /*important*/
}
/* account */
.account__header__fields dt {
background: var(--background-gray) !important;
color: var(--font-gray) !important;
}
.account__header__fields dd {
background: var(--background-gray) !important;
color: var(--font-dark) !important;
}
/* fav */
.fa-reply:hover, .fa-reply-all:hover, .dropdown__icon:hover,
.fa.fa-fw.fa-retweet:hover {
color: var(--link-blue);
}
.fa-star:hover {
color: #ca8f04;
}
@loikein

This comment has been minimized.

Copy link
Owner Author

@loikein loikein commented Jul 7, 2019

@loikein

This comment has been minimized.

Copy link
Owner Author

@loikein loikein commented Jul 11, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment