finish dark theme

This commit is contained in:
ida schmidt 2019-12-24 19:51:33 -07:00
parent 2cccf06053
commit 29c8e8b851
3 changed files with 75 additions and 3 deletions
app/javascript/styles

View file

@ -1,2 +1,3 @@
@import 'mastodon-black/variables';
@import 'application';
@import 'mastodon-black/diff';

View file

@ -0,0 +1,70 @@
li.selected li.selected a.selected,
.btn,
.button,
.actions button,
.input-copy button,
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
color: #000!important;
}
.button.logo-button {
background: #fff
}
.button.logo-button svg {
fill: #000;
}
.search__input {
background: #141414;
}
.drawer__inner, .drawer__inner__mastodon {
background: #000;
}
.compose-form__publish-button-wrapper .button {
color: #fff!important;
background: #000;
border: 1px solid #fff!important;
}
.compose-form__publish-button-wrapper .button:hover {
color: #000!important;
background: #fff;
}
.icon-with-badge__badge {
color: #000!important;
}
.simple_form input[type="email"],
.simple_form input[type="number"],
.simple_form input[type="password"],
.simple_form input[type="text"],
.simple_form textarea {
border-bottom: 1px solid #fff;
border-radius: 0;
}
.simple_form input[type="email"]:hover,
.simple_form input[type="number"]:hover,
.simple_form input[type="password"]:hover,
.simple_form input[type="text"]:hover,
.simple_form textarea:hover {
border-bottom: 1px solid #e0e0e0;
}
.simple_form input[type="email"]:focus,
.simple_form input[type="number"]:focus,
.simple_form input[type="password"]:focus,
.simple_form input[type="text"]:focus,
.simple_form textarea:focus {
border-radius: 4px;
}
.modal-root .button:not(.confirmation-modal__cancel-button) {
background: #000!important;
color: #fff!important;
}

View file

@ -11,14 +11,15 @@ $ui-primary-color: $classic-primary-color !default;
$ui-secondary-color: $classic-secondary-color !default;
// Differences
$ui-highlight-color: #888888;
$gold-star: #444444;
$gold-star: #aaaaaa;
$ui-highlight-color: #aaaaaa;
$darker-text-color: lighten($ui-primary-color, 20%) !default;
$dark-text-color: lighten($ui-primary-color, 12%) !default;
$secondary-text-color: lighten($ui-secondary-color, 6%) !default;
$highlight-text-color: $classic-highlight-color !default;
$action-button-color: #888888;
$action-button-color: #444444;
$inverted-text-color: $black !default;
$lighter-text-color: darken($ui-base-color, 6%) !default;
$light-text-color: darken($ui-primary-color, 40%) !default;