finish dark theme
This commit is contained in:
parent
2cccf06053
commit
29c8e8b851
3 changed files with 75 additions and 3 deletions
app/javascript/styles
|
@ -1,2 +1,3 @@
|
|||
@import 'mastodon-black/variables';
|
||||
@import 'application';
|
||||
@import 'mastodon-black/diff';
|
||||
|
|
70
app/javascript/styles/mastodon-black/diff.scss
Normal file
70
app/javascript/styles/mastodon-black/diff.scss
Normal 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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue