rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style logging message header for dark mode

Browse source
This commit is contained in:
Julian Stirling 2026-02-19 12:41:37 +00:00
parent f6afce052c
commit b197e13c8f
1 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
webapp/src/components/tabContentComponents/loggingContent.vue
View file

@ -266,16 +266,31 @@ export default {
background: darken(@info-bg-color, 15%); background: darken(@info-bg-color, 15%);
} }
.uk-light .logging-header {
background: darken(@info-bg-color, 35%);
color: lighten(@info-bg-color, 35%);
}
.uk-alert-warning .logging-header { .uk-alert-warning .logging-header {
background: darken(@warning-bg-color, 15%); background: darken(@warning-bg-color, 15%);
color: darken(@warning-color, 15%); color: darken(@warning-color, 15%);
} }
.uk-light .uk-alert-warning .logging-header {
background: desaturate(darken(@warning-color, 15%), 10%);
color: darken(@warning-bg-color, 5%);
}
.uk-alert-danger .logging-header { .uk-alert-danger .logging-header {
background: darken(@error-bg-color, 15%); background: darken(@error-bg-color, 15%);
color: darken(@error-color, 15%); color: darken(@error-color, 15%);
} }
.uk-light .uk-alert-danger .logging-header {
background: desaturate(darken(@error-color, 10%), 10%);
color: darken(@error-bg-color, 5%);
}
.logging-entry-body { .logging-entry-body {
padding: 15px 29px 15px 15px; padding: 15px 29px 15px 15px;
} }