tfw
0fd0f406fb
Introduce a modular SCSS structure to improve maintainability and organization of stylesheets. Add lightbox functionality for homepage screenshots, including responsive JavaScript behavior and custom styling for enhanced user experience. Update tasks documentation with improvement initiatives for the project.
28 lines
882 B
SCSS
28 lines
882 B
SCSS
// Dark Theme optimieren (schwarzer Hintergrund nach CI)
|
|
[data-md-color-scheme="slate"] {
|
|
--md-default-bg-color: #000000;
|
|
--md-default-fg-color: #ffffff;
|
|
--md-default-fg-color--light: rgba(255, 255, 255, 0.8);
|
|
--md-default-fg-color--lighter: rgba(255, 255, 255, 0.54);
|
|
--md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);
|
|
|
|
// Primär- und Akzentfarben gemäß satware CI
|
|
--md-primary-fg-color: #521370; // Primärfarbe: satware Violett
|
|
--md-primary-fg-color--light: #7e3a9e; // Helle Variante
|
|
--md-primary-fg-color--dark: #3c0e52; // Dunkle Variante
|
|
--md-accent-fg-color: #8a44bd; // Akzentfarbe: Helleres Violett
|
|
|
|
// Link-Farbe anpassen
|
|
--md-typeset-a-color: #9d65cf; // Helleres Violett für Links
|
|
}
|
|
|
|
// Header and tabs background
|
|
.md-header,
|
|
.md-tabs {
|
|
background-color: #000;
|
|
}
|
|
|
|
// Footer background
|
|
.md-footer-meta {
|
|
background-color: #000;
|
|
} |