Kontrast-Issues #108 und #109 und README.md dazu angepasst. Online-Te…

…st ist noch mit Kontrast-Validator erforderlich.
BITS-Training · Sep 6, 2022 · e614b6b · e614b6b
1 parent 2657be8
commit e614b6b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/static/README.md b/static/README.md
@@ -43,6 +43,8 @@ Technisch kann die Anpassung von BITS an die lokalen Anforderungen über das dir
 * Variablen wie z.B. die an einigen Stellen empfohlene Mindestpasswortlänge, werden über die Datei config/_default/config.toml gesteuert. Wie diese zu verwenden sind, wird in der Datei ReLearnTheme-HowTo.md im obersten Ordner erläutert. Dies erfordert im Nachgang ein Erzeugen der statischen HTML-Seiten über Hugo.
 * Das BITS-Logo kann durch ein eigenes ersetzt werden: Einfach die Datei "\static\images\logo.jpg" (Repository) bzw. im Ordner \images (Fileserver-Version und Webserver-Version) oder überschreiben. Das Bild sollte 220px breit und 140px hoch sein.
 
+Farbliche Anpassungen der Links, der Suchbox etc. sind über die Datei static/css/theme-bits.css möglich.
+
 ## 4. Bedienung und technische Anforderungen
 
 Die Bedienung von „BITS Behörden-IT-Sicherheitstraining“ erfolgt durch den Aufruf der URL im Browser (Webserver) oder der „index.html“-Datei (Dateisystem). Anschließend können die weitestgehend barrierefreien Seiten durch die Maus oder durch die Pfeiltasten der Tastatur genutzt werden.

diff --git a/static/css/theme-bits.css b/static/css/theme-bits.css
@@ -1,7 +1,7 @@
 :root{
     --MAIN-TEXT-color: #323232; /* Color of text by default */
     --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
-    --MAIN-LINK-color: #095faa; /* Color of links */
+    --MAIN-LINK-color: #064479; /* Color of links default value #095faa */
     --MAIN-LINK-HOVER-color: #0d4373; /* Color of hovered links */
     --MAIN-ANCHOR-color: #095faa; /* color of anchors on titles */
 
@@ -14,9 +14,9 @@
     --MENU-HEADER-BG-color: #1C90F3; /* Background color of menu header */
     --MENU-HEADER-BORDER-color: #33a1ff; /*Color of menu header border */
 
-    --MENU-SEARCH-BG-color: #167ad0; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #33a1ff; /* Override search field border color */
-    --MENU-SEARCH-BOX-ICONS-color: #a1d2fd; /* Override search field icons color */
+    --MENU-SEARCH-BG-color: #ffffff; /* Search field background color (by default borders + icons) default value #167ad0 */
+    --MENU-SEARCH-BOX-color: #404040; /* Override search field border color default value #33a1ff*/
+    --MENU-SEARCH-BOX-ICONS-color: #064479; /* Override search field icons color default value #a1d2fd*/
 
     --MENU-SECTIONS-ACTIVE-BG-color: #20272b; /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #252c31; /* Background color of other sections */