baalajimaestro/traefik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Make text more readable in dark mode

Browse source
This commit is contained in:
Andrea Cappuccio 2024-03-05 15:10:05 +01:00 committed by GitHub
parent b4ca02da86
commit 15f50553e9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webui/src/components/_commons/ToolBarTable.vue
View file

@ -107,6 +107,10 @@ export default defineComponent({
&.bg-app-toggle { &.bg-app-toggle {
color: $accent !important; color: $accent !important;
} }
.body--dark &.bg-app-toggle {
color: lighten($accent, 25%) !important;
}
} }
} }
:deep(.bar-search) { :deep(.bar-search) {

7
webui/src/css/sass/app.scss
View file

@ -173,23 +173,30 @@ body {
.body--dark .app-chip { .body--dark .app-chip {
&-accent, &-rule { &-accent, &-rule {
background-color: rgba($accent, 0.25); background-color: rgba($accent, 0.25);
color: lighten($accent, 25%);
} }
&-green, &-entry-points { &-green, &-entry-points {
background-color: rgba($app-text-green, 0.25); background-color: rgba($app-text-green, 0.25);
color: lighten($app-text-green, 25%);
} }
&-purple, &-name { &-purple, &-name {
background-color: rgba($app-text-purple, 0.25); background-color: rgba($app-text-purple, 0.25);
color: lighten($app-text-purple, 25%);
} }
&-warning, &-service { &-warning, &-service {
background-color: rgba($warning, 0.25); background-color: rgba($warning, 0.25);
color: lighten($warning, 25%);
} }
&-negative, &-error { &-negative, &-error {
background-color: rgba($negative, 0.25); background-color: rgba($negative, 0.25);
color: lighten($negative, 25%);
} }
&-green-2, &-options { &-green-2, &-options {
background-color: rgba($app-text-green-2, 0.25); background-color: rgba($app-text-green-2, 0.25);
color: lighten($app-text-green-2, 25%);
} }
&-marine, &-interval { &-marine, &-interval {
background-color: rgba($app-text-grey, 0.25); background-color: rgba($app-text-grey, 0.25);
color: lighten($app-text-grey, 25%);
} }
} }