Refactor settings.html theme classes and add grey theme
This commit is contained in:
@@ -14,7 +14,7 @@
|
|||||||
--accent: #9f1239; /* Rosa */
|
--accent: #9f1239; /* Rosa */
|
||||||
--border: #fff;
|
--border: #fff;
|
||||||
}
|
}
|
||||||
body.sky-mode {
|
body.theme-sky {
|
||||||
/* Sky-Mode: Himmelshintergrund und passende Akzente */
|
/* Sky-Mode: Himmelshintergrund und passende Akzente */
|
||||||
--bg-main: rgb(173,216,230); /* sanftes Baby-Blau */
|
--bg-main: rgb(173,216,230); /* sanftes Baby-Blau */
|
||||||
--bg-sidebar: rgb(200,220,240); /* etwas dunkleres Blau */
|
--bg-sidebar: rgb(200,220,240); /* etwas dunkleres Blau */
|
||||||
@@ -23,6 +23,13 @@
|
|||||||
|
|
||||||
background: var(--border);
|
background: var(--border);
|
||||||
}
|
}
|
||||||
|
body.theme-grey {
|
||||||
|
--bg-main: #f5f5f5;
|
||||||
|
--bg-sidebar: #eceff1;
|
||||||
|
--accent: #374151;
|
||||||
|
--border: #d1d5db;
|
||||||
|
background: var(--bg-main);
|
||||||
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
width: 100%; height: 100%;
|
width: 100%; height: 100%;
|
||||||
@@ -376,4 +383,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user