diff --git a/scss/import/colors.scss b/scss/import/colors.scss index ab2828d..5965b0c 100644 --- a/scss/import/colors.scss +++ b/scss/import/colors.scss @@ -15,6 +15,7 @@ $white: rgb(255, 255, 255); --background-contrast: rgb(37, 45, 57); --border: rgb(68, 93, 130); --text: rgb(255, 255, 255); + --text-dark: rgb(50, 50, 30); --link: var(--nom-blue-light); --nom-blue: rgb(70, 136, 222); // #4588de --nom-blue-dark: rgb(50, 116, 202); @@ -23,7 +24,9 @@ $white: rgb(255, 255, 255); --yellow: rgb(255, 247, 159); --yellow-text: rgb(50, 50, 30); --grey: rgb(209, 215, 223); - --grey-text: rgb(33, 39, 48); + --grey-text: rgb(50, 50, 30); + --green: rgb(214, 239, 194); + --green-text: rgb(50, 50, 30); --invert-dark: invert(100%); --invert-light: invert(0%); --box-shadow: none; @@ -33,7 +36,7 @@ $white: rgb(255, 255, 255); :root { --background: rgb(255, 255, 255); --background-contrast: rgb(245, 245, 245); - --text: rgb(33, 39, 48); + --text: rgb(50, 50, 30); --link: var(--nom-blue); --invert-dark: invert(0%); --invert-light: invert(100%); diff --git a/scss/import/wiki.scss b/scss/import/wiki.scss index fbe5082..7884c55 100644 --- a/scss/import/wiki.scss +++ b/scss/import/wiki.scss @@ -37,10 +37,6 @@ } } } - .wrap_info { - border-radius: 10px; - color: var(--grey-text); - } #dokuwiki__header { padding-top: 3.5em; a { @@ -215,9 +211,13 @@ &:before { // Inhaltsverzeichnis-Ueberschrift soll keine Nummer 0.1 haben. content:"" } + strong { // Knopf zum öffnen / schließen des Inhaltsverzeichnisses + filter: var(--invert-dark); + } } div { ul.toc { + padding: 0 0 0 0.5em; a { color: var(--text) !important; text-decoration: none !important; @@ -226,38 +226,41 @@ text-decoration-style: dotted !important; } } - li.level1 { - counter-reset: level2; - a:before { - content: counter(level1) " "; - counter-increment: level1; + li { + list-style-image: unset; // Punkte entfernt, da semantisch falsch + &.level1 { + counter-reset: level2; + a:before { + content: counter(level1) " "; + counter-increment: level1; + } } - } - li.level2 { - counter-reset: level3; - a:before { - content: counter(level1) "." counter(level2) " "; - counter-increment: level2; + &.level2 { + counter-reset: level3; + a:before { + content: counter(level1) "." counter(level2) " "; + counter-increment: level2; + } } - } - li.level3 { - counter-reset: level4; - a:before { - content: counter(level1) "." counter(level2) "." counter(level3) " "; - counter-increment: level3; + &.level3 { + counter-reset: level4; + a:before { + content: counter(level1) "." counter(level2) "." counter(level3) " "; + counter-increment: level3; + } } - } - li.level4 { - counter-reset: level5; - a:before { - content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; - counter-increment: level4; + &.level4 { + counter-reset: level5; + a:before { + content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " "; + counter-increment: level4; + } } - } - li.level5 { - a:before { - content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; - counter-increment: level5; + &.level5 { + a:before { + content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " "; + counter-increment: level5; + } } } } @@ -267,7 +270,39 @@ .wrap_tip { // Information / Hinweis background-color: var(--yellow); border-radius: 10px; - color: var(--yellow-text); + color: var(--text-dark); + } + .wrap_info { + background-color: var(--grey); + border-radius: 10px; + color: var(--text-dark); + } + .wrap_download { + background-color: var(--green); + border-radius: 10px; + color: var(--text-dark); + } + .wrap_important { + border-radius: 10px; + color: var(--text-dark); + } + .wrap_help { + border-radius: 10px; + color: var(--text-dark); + } + .wrap_alert { + border-radius: 10px; + color: var(--text-dark); + } + table.inline { + thead, tbody { + tr th { + color: var(--text-dark); + } + } + } + pre { + filter: var(--invert-dark); } .dokuteaser { p { @@ -299,6 +334,24 @@ } } } + #dokuwiki__pagetools { + .tools ul { + background-color: var(--background-contrast); + border-color: transparent; + box-shadow: var(--box-shadow); + &:hover { + border-color: var(--border); + } + li { + a { + color: var(--text); + &:hover { + background-color: var(--background); + } + } + } + } + } } } }