TheCloud/PronounsPage
1
0
Fork 0
mirror of https://gitlab.com/PronounsPage/PronounsPage.git synced 2025-09-25 14:09:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

[dark] use trans-flag-pink for $primary

Browse Source
This commit is contained in:
Andrea Vos 2022-01-04 17:30:54 +01:00
parent c917f31503
commit d4ee3b9c8b
1 changed files with 36 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
assets/dark.scss
View File

@ -7,12 +7,14 @@
} }
body[data-theme="dark"] { body[data-theme="dark"] {
$primary-dark: #ff95bb;
background: initial !important; background: initial !important;
background-color: $dark !important; background-color: $dark !important;
color: $light; color: $light;
a { color: lighten($primary, 40%); } a { color: $primary-dark; }
a:hover { color: lighten($primary, 30%); } a:hover { color: lighten($primary-dark, 10%); }
.text-dark { color: $light !important; } .text-dark { color: $light !important; }
.btn-primary { color: $light; } .btn-primary { color: $light; }
.btn-outline-primary { color: $light; &:hover {color: $light;}} .btn-outline-primary { color: $light; &:hover {color: $light;}}
@ -235,7 +237,37 @@ body[data-theme="dark"] {
.nav-item { .nav-item {
color: $light; color: $light;
&.active, &:hover { &.active, &:hover {
color: lighten($primary, 10%) !important; color: $primary-dark !important;
}
}
}
@include media-breakpoint-down('lg', $grid-breakpoints) {
.nav-custom {
.btn {
&:hover, &:focus, &.active {
border-inline-start: 3px solid $primary-dark !important;
}
}
}
}
.nav-custom-start {
.btn {
&:hover, &:focus, &.active {
border-inline-start: 3px solid $primary-dark !important;
}
}
}
@include media-breakpoint-up('lg', $grid-breakpoints) {
.nav-custom:not(.nav-custom-start) {
.nav-item {
&.btn {
&:hover, &:focus, &.active {
border-bottom: 3px solid $primary-dark !important;
}
}
} }
} }
} }
@ -250,7 +282,7 @@ body[data-theme="dark"] {
.alert-primary, .alert-success, .alert-warning, .alert-danger { .alert-primary, .alert-success, .alert-warning, .alert-danger {
a { a {
color: $primary; color: $primary-dark;
} }
} }