ida/isnotalive
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

black theme v4.3 port

Browse source
This commit is contained in:
ida schmidt 2025-03-12 14:11:23 +00:00
parent 965fa2eacf
commit 28b8945b1f
1 changed files with 30 additions and 13 deletions

43
app/javascript/styles/mastodon-black/diff.scss
View file

@ -3,8 +3,23 @@ li.selected li.selected a.selected,
.button,
.actions button,
.input-copy button,
.dropdown-button.active,
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
color: #000 !important;
background: #aaa;
}
.privacy-dropdown__option.active {
color: #000 !important;
background: #aaa;
> .privacy-dropdown__option__content strong {
color: #000 !important;
}
> .privacy-dropdown__option__content {
color: #000 !important;
}
}
.button.button.button-secondary {
@ -13,8 +28,8 @@ li.selected li.selected a.selected,
}
.button.button.button-secondary {
color: #fff!important;
background: #000!important;
color: #fff !important;
background: #000 !important;
}
.button.logo-button {
@ -25,30 +40,27 @@ li.selected li.selected a.selected,
fill: #000;
}
.search__input {
background: #141414;
}
.drawer__inner,
.drawer__inner__mastodon {
background: #000;
}
.compose-form__publish-button-wrapper .button {
.compose-form__submit .button {
color: #fff !important;
background: #000;
border: 1px solid #fff !important;
transition: 0.1s;
}
.compose-form__publish-button-wrapper .button:hover {
.compose-form__submit .button:hover {
color: #000 !important;
background: #fff;
border: 1px transparent !important;
}
.icon-with-badge__badge {
color: #000 !important;
}
.react-toggle-track {
background-color: #444;
}
.simple_form input[type='email'],
.simple_form input[type='number'],
.simple_form input[type='password'],
@ -71,6 +83,7 @@ li.selected li.selected a.selected,
.simple_form input[type='password']:focus,
.simple_form input[type='text']:focus,
.simple_form textarea:focus {
border: 1px solid #fff !important;
border-radius: 4px;
}
@ -78,3 +91,7 @@ li.selected li.selected a.selected,
background: #000 !important;
color: #fff !important;
}
.switch-to-advanced {
color: #aaa;
}