brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adds dark mode

Browse Source
This commit is contained in:
Christian Beutel
2024-02-22 02:53:06 +01:00
parent 442e13b7c7
commit e41649e395
18 changed files with 113 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/css/components.css
View File

@@ -3,7 +3,7 @@
@import 'tailwindcss/components';
.btn-primary {
@apply h-10 text-white rounded-lg px-4 py-2 bg-primary font-semibold transition-all hover:bg-primary-hover focus:ring-4 ring-input-border-focus
@apply h-10 text-white rounded-lg px-4 py-2 bg-primary font-semibold transition-all hover:bg-primary-hover focus:ring-4 ring-input-ring
}
.btn-large {
@@ -11,7 +11,7 @@
}
.btn-secondary {
@apply rounded-lg px-4 py-2 border border-input-border-focus font-medium transition-all hover:bg-secondary-hover focus:ring-4 ring-input-border-focus
@apply rounded-lg px-4 py-2 border border-input-border-focus font-medium transition-all hover:bg-secondary-hover focus:ring-4 ring-input-ring
}
.btn-danger {
@@ -23,7 +23,7 @@
}
.btn-icon {
@apply rounded-full aspect-square h-7 hover:bg-secondary-hover focus:ring-4 ring-input-border-focus transition-colors;
@apply rounded-full aspect-square h-7 hover:bg-secondary-hover focus:ring-4 ring-input-ring transition-colors;
}
.tab {
@@ -31,7 +31,7 @@
}
.tab:hover {
@apply bg-gray-100
@apply bg-menu-item-background-hover
}
.tab-active {

4
web/src/css/theme.css
View File

@@ -9,6 +9,7 @@
--input-background: 249, 250, 251;
--input-border: 209, 213, 219;
--input-border-focus: 36, 39, 52;
--input-ring: 148, 163, 184;
--menu-background: 255, 255, 255;
--menu-item-background-hover: 243, 244, 246;
@@ -16,7 +17,7 @@
--footer-background: 36, 39, 52;
--separator: 17, 24, 39;
--separator: 148, 163, 184;
background: rgba(var(--background));
color: rgba(var(--content));
@@ -33,6 +34,7 @@
--input-background: 36, 39, 52;
--input-border: 43, 46, 61;
--input-border-focus: 108, 115, 150;
--input-ring: 108, 115, 150;
--menu-background: 33, 36, 54;
--menu-item-background-hover: 43, 46, 69;