giers10/auto-git-gui
1
0
Fork 0
Code Releases Activity

Refactor settings.html to add CSS variables for theme modes

Browse Source
This commit is contained in:
Victor Giers
2025-05-25 00:28:18 +02:00
parent 4db387e9bc
commit 984af1e6fc
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
settings.html
View File

@@ -6,6 +6,22 @@
<style> <style>
/* Grund-Reset */ /* Grund-Reset */
* { box-sizing: border-box; margin: 0; padding: 0; } * { box-sizing: border-box; margin: 0; padding: 0; }
:root {
/* Default-Modus: Weißes Panel mit Rosa-Akzenten */
--bg-main: #fff; /* Hintergrund Content */
--bg-sidebar: #fff1f2; /* Sidebar */
--accent: #9f1239; /* Rosa */
--border: #ffe4e6;
}
body.sky-mode {
/* Sky-Mode: Himmelshintergrund und passende Akzente */
--bg-main: rgb(173,216,230); /* sanftes Baby-Blau */
--bg-sidebar: rgb(200,220,240); /* etwas dunkleres Blau */
--accent: rgb(20,60,100); /* dunkles Marine-Blau als Akzent */
--border: rgb(180,200,220);
}
html, body { html, body {
width: 100%; height: 100%; width: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;