commit be3cabd097695ee897725c34aec7bcf447c922d0 Author: caskd Date: Tue Jun 18 15:56:15 2019 +0200 Initial theme diff --git a/custom.css b/custom.css new file mode 100644 index 0000000..925dbe8 --- /dev/null +++ b/custom.css @@ -0,0 +1,68 @@ +:root { + color: #eee; +} +.ui, .landing-page, .public-layout { + background-image: url("https://redxen.eu/res/red-space.png"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; +} +.compose-form .compose-form__buttons-wrapper, .compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input, .compose-form .compose-form__modifiers, .drawer__inner__mastodon, .search__input, .column-header, .column-header__button, .account__section-headline button, .notification__filter-bar button, .column-header__button.active, .column-header__button.active:hover, .column-subheading { + background-color: #222; +} +.compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input, .icon-button.inverted, .text-icon-button, .compose-form .compose-form__buttons-wrapper .character-counter__wrapper .character-counter,p { + color: #555; +} +.dropdown-menu, .dropdown-menu__item a, .drawer__header, .drawer__inner, .empty-column-indicator, .error-column, ::-webkit-scrollbar-thumb, .column>.scrollable, .getting-started, .column-link, .column-link:active, .column-link:focus, .column-link:hover, .react-toggle--checked .react-toggle-track, ::-webkit-scrollbar-thumb, .drawer__inner__mastodon, body.admin, .admin-wrapper .sidebar-wrapper, .admin-wrapper .sidebar ul a.selected { + background: #111; +} +.admin-wrapper .sidebar ul ul, .column-subheading, .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track, ::-webkit-scrollbar-track::focus { + background: #222; +} +.dropdown-menu__item a:active, .dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .button:active, .button:focus, .button:hover, .button, .search__input:focus, .search__input:focus::placeholder, .search__input:focus .fa-search:before, .drawer__tab:hover, .drawer__header a:hover, .column-header__collapsible-inner, .setting-toggle__label, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover { + background-color: #d22; + color: #111 !important; +} +.dropdown-menu__arrow.bottom { + border-bottom-color: #111; +} +.text-icon-button:active, .text-icon-button:focus, .text-icon-button:hover, a, .icon-button.active, .icon-button.inverted:active, .icon-button.inverted:focus, .icon-button.inverted:hover { + color: #c11 !important; +} +.icon-button:active, .icon-button:focus, .icon-button:hover, .icon-button { + color: #b11; +} +.emoji-button img { + opacity: .5; +} +.drawer__inner, .drawer__pager, .column, .drawer, .search__input, .drawer__header { + border-radius: 10px; +} +.dropdown-menu__separator { + border-bottom: 1px solid #c11; +} +.account__section-headline, .notification__filter-bar { + border-bottom: none; +} +.column, .drawer { + padding:0; + margin: 10px 5px; +} +.drawer__tab:nth-child(1) { + border-radius: 10px 0 0 10px; +} +.drawer__tab:last-child { + border-radius: 0 10px 10px 0; +} +.account__section-headline a.active:after, .account__section-headline button.active:after, .notification__filter-bar a.active:after, .notification__filter-bar button.active:after { + border-color: transparent transparent #111; +} +.account__section-headline a.active:after, .account__section-headline a.active:before, .account__section-headline button.active:after, .account__section-headline button.active:before, .notification__filter-bar a.active:after, .notification__filter-bar a.active:before, .notification__filter-bar button.active:after, .notification__filter-bar button.active:before { + border-color: transparent transparent #222; +} +.getting-started__footer p { + display:none; +} +.admin-wrapper .sidebar ul ul { + background: #222; +}