diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-03 19:13:53 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2025-03-03 19:13:53 +0100 |
| commit | 4192cc1b5d1e2951963457516de0f9fe668c3b9a (patch) | |
| tree | 78fbbd2da80d31f71feaef80d2ec27520abdc100 /src/Layout.css | |
| parent | 3aa6eee0f54dec3e4f92be2ad335a04145ac4db8 (diff) | |
Improve more the UI
Diffstat (limited to 'src/Layout.css')
| -rw-r--r-- | src/Layout.css | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/src/Layout.css b/src/Layout.css index 52b0262..ab4eecd 100644 --- a/src/Layout.css +++ b/src/Layout.css @@ -18,12 +18,12 @@ bottom: 0; left: 0; right: 0; - background-color: #ffffff; + background-color: var(--background-color); display: flex; justify-content: space-around; align-items: center; height: 60px; - border-top: 1px solid #e0e0e0; + border-top: 1px solid var(--border-color); box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); } @@ -40,5 +40,20 @@ } .nav-item.active { - color: #007bff; + color: var(--button-background-color); +} + +.theme-toggle { + background: none; + border: none; + cursor: pointer; + color: inherit; + display: flex; + align-items: center; + justify-content: center; + padding: 8px; +} + +.theme-toggle:hover { + color: var(--button-hover-background-color); }
\ No newline at end of file |