nickslowinski/docs
1
0
Fork 0
geforkt von nick-slowinski.de/docs
Code Issues Pull-Requests Aktivität

Prettify announcement bar - fixes #41

Quellcode durchsuchen
Dieser Commit ist enthalten in:
Nick Slowinski 2023-10-03 16:32:19 +02:00
Ursprung 8c331f8af8
Commit 2b95eae10a
Signiert von: nickslowinski
GPG-Schlüssel-ID: A28671573AA347CC
1 geänderte Dateien mit 18 neuen und 0 gelöschten Zeilen
Statistiken anzeigen Patch-Datei herunterladen Diff-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

18
src/css/custom.css
Datei anzeigen

@ -15,6 +15,7 @@
--ifm-color-primary-lightest: #3cad6e; --ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--site-primary-hue-saturation: 170 50%;
} }
/* For readability concerns, you should choose a lighter palette in dark mode. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
@ -28,3 +29,20 @@
--ifm-color-primary-lightest: #4fddbf; --ifm-color-primary-lightest: #4fddbf;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
} }
div[class^='announcementBar_'] {
--site-announcement-bar-stripe-color1: hsl(
var(--site-primary-hue-saturation) 85%
);
--site-announcement-bar-stripe-color2: hsl(
var(--site-primary-hue-saturation) 60%
);
background: repeating-linear-gradient(
50deg,
var(--site-announcement-bar-stripe-color1),
var(--site-announcement-bar-stripe-color1) 20px,
var(--site-announcement-bar-stripe-color2) 10px,
var(--site-announcement-bar-stripe-color2) 40px
);
font-weight: bold;
}