@ -1,47 +1,54 @@
@@ -1,47 +1,54 @@
/*Hell-/Dunkel-Modus*/
: root {
color-scheme : light ;
background-color : white ;
color : black ;
@ media ( prefers-color-scheme : light ) {
: root { color-scheme : light ; }
}
@ media ( prefers-color-scheme : dark ) {
: root {
color-scheme : dark ; /*light;*/
background-color : white ;
color : black ; }
. navigation , . navbar , . button , . card {
background-color : white ;
: root { color-scheme : dark ; }
body { background-color : white ;
color : black ! important ; }
. card { background-color : white ;
border : inherit ; }
. field {
background-color : inherit ;
}
. field { background-color : inherit ; }
. field . has-addons . control : not ( : last-child ) {
margin-inline-end : unset ; }
. input , . select select , field has-addons {
. input , field has-addons , . select select , . button . is-rounded {
background-color : white ;
color : darkgrey ;
border : thin solid hsl ( 0 , 0 % , 71 % ) ; /*hellgrau*/ }
color : hsl ( 0 , 0 % , 21 % ) ; /*dklgrau;*/
border : thin solid hsl ( 0 , 0 % , 71 % ) ; } /*hellgrau*/
. card-footer-item : not ( : last-child ) {
border : none ;
}
}
border : none ; }
. article { color : black ; }
. buttons , . button . is-outlined { border-color : white ; } /*20250214 BF: betr.Top-Navi-Buttoms*/
. button { background-color : white ; } /*20250214 BF: betr. Reset-u ok-Button*/
. dropdown {
--bulma-dropdown-content-background-color : white ! important ;
--bulma-dropdown-item-background-color : white ! important ;
--bulma-dropdown-item-background-l : white ! important ; }
. report-explanation { color : hsl ( 0 , 0 % , 21 % ) ; } /*dklgrau;*/
a . navbar-item { background-color : unset !important ; }
a , . themenbaumLinkName , . labelSichtorComboButton {
text-decoration : none ;
color : blue ! important ; }
img { filter : brightness ( .8 ) contrast ( 1.2 ) ; }
@ media ( prefers-color-scheme : dark ) {
img {
filter : brightness ( . 8 ) contrast ( 1 . 2 ) ;
}
}
/ * : root {
/* CSS Variables */
/ * }
[ data-theme = light ] ,
/ * [ data-theme = light ] ,
. theme-light {
/* CSS Variables */
/ * }
@ -52,7 +59,6 @@
@@ -52,7 +59,6 @@
/ * }
/*Weitere allgemeine Basics*/
div . columns { /*für Abstand zum Seitenrand*/
margin-top : 1px ;
margin-right : 5px ; }
@ -88,7 +94,6 @@ body.dark-theme img { /*filter für theme dark*/
@@ -88,7 +94,6 @@ body.dark-theme img { /*filter für theme dark*/
/*Card, Box, Article*/
. box , . card { /*Box für Pfad, Buttonleiste bzw. Menü-Kacheln; Card für Formulare, Ergebnistabellen*/
/*background: var(--bulma-card-background-color); /* wird weiß dargestellt, wenn nix anderes festgelegt ist; 20240918 BF entfernt wg Darstellung im dark-mode*/
box-shadow : none ; }
. card , . article { /*für Cardposition, -style*/
@ -161,7 +166,7 @@ body.dark-theme img { /*filter für theme dark*/
@@ -161,7 +166,7 @@ body.dark-theme img { /*filter für theme dark*/
border : thin solid hsl ( 0 , 0 % , 71 % ) ; /*hellgrau*/
border-radius : 0 . 3em ; } /*für Padding: ob re un li*/
. breadcrumb . has-path-separator li + li :: before { /*für Breadcumb-Separator*/
. breadcrumb . has-path-separator li + li :: before {
content : " >" ;
color : grey ; }
@ -320,7 +325,7 @@ body.dark-theme img { /*filter für theme dark*/
@@ -320,7 +325,7 @@ body.dark-theme img { /*filter für theme dark*/
/*Bottom-Navi*/
# nd_navi_bottom { /*20250130BF ergänzt*/
position : fixed ; /*nd_navi_bottom ist immer sichtbar, auch beim Scrollen*/
position : fixed ;
bottom : 0 ;
width : 100 % ; }
@ -480,9 +485,6 @@ body.dark-theme img { /*filter für theme dark*/
@@ -480,9 +485,6 @@ body.dark-theme img { /*filter für theme dark*/
margin-left : 5px ;
}
/*.themenbaumEintrag:hover, .themenbaumEintrag:focus { /*für Hervorhebung bei Anwahl*/
/* background: white; }*/
a . themenbaumLink : hover , a . themenbaumLink : focus { /*für Hervorhebung bei Anwahl*/
font-weight : normal ;
color : black ;