diff options
Diffstat (limited to 'public/static')
| -rw-r--r-- | public/static/style.css | 20 |
1 files changed, 16 insertions, 4 deletions
diff --git a/public/static/style.css b/public/static/style.css index 63e5409..057d8f2 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -2,7 +2,9 @@ --background: #ffe1d4; --background-2: #f7f0f0; --foreground: #800; + --box-tab-background-dark: #d39c9c; --box-tab-background: #efc2c2; + --box-tab-background-light: #e4a8a8; --box-tab-foreground: #800; --box-border: #800; --box-content-background: #fff; @@ -16,7 +18,9 @@ --background: #262626; --background-2: #202020; --foreground: #ffffff; + --box-tab-background-dark: #500000; --box-tab-background: #800; + --box-tab-background-light: #620000; --box-tab-foreground: #fff; --box-border: #575757; --box-content-background: #3a3a3a; @@ -164,13 +168,11 @@ button[type=submit]:hover { display: flex; flex-direction: row; align-items: center; - gap: 8px; + gap: 2px; color: var(--box-tab-foreground); } -.tabs>.tab {} - .box:has(.tabs), .box:has(.tab) { background: none; @@ -178,7 +180,7 @@ button[type=submit]:hover { } .box:has(.content)>.tab, -.tabs>.tab:not(.disabled) { +.tabs>.tab { background: var(--box-tab-background); color: var(--box-tab-foreground); border: 2px solid var(--box-border); @@ -187,6 +189,16 @@ button[type=submit]:hover { font-weight: bold; } +.tabs>.tab.disabled { + background: var(--box-tab-background-dark); + padding: 4px 8px; + margin-bottom: -8px; +} + +.tabs>.tab.disabled:hover { + background: var(--box-tab-background-light); +} + .box:has(.tab)>.content, .box:has(.tabs)>.content { background: var(--box-content-background); |