fixes
This commit is contained in:
@@ -2,6 +2,9 @@
|
||||
|
||||
// Reset and base styles
|
||||
:root {
|
||||
// Global transition for theme switching
|
||||
--theme-transition-duration: 0.3s;
|
||||
--theme-transition-timing: ease;
|
||||
font-family: $font-family;
|
||||
line-height: $line-height;
|
||||
font-weight: $font-weight-normal;
|
||||
@@ -22,11 +25,15 @@
|
||||
--primary-color: #{$primary-color};
|
||||
--primary-hover-color: #{$primary-hover-color};
|
||||
--text-color: #{$text-color-dark};
|
||||
--text-color-secondary: #bbb;
|
||||
--text-color-tertiary: #999;
|
||||
--bg-color: #{$bg-color-dark};
|
||||
--sidebar-bg: #1e1e1e;
|
||||
--sidebar-border: #333;
|
||||
--card-bg: #2a2a2a;
|
||||
--card-bg-secondary: #222;
|
||||
--card-border: #444;
|
||||
--primary-color-light: rgba(52, 152, 219, 0.2);
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -43,6 +50,8 @@ body {
|
||||
margin: 0;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
transition: background-color var(--theme-transition-duration) var(--theme-transition-timing),
|
||||
color var(--theme-transition-duration) var(--theme-transition-timing);
|
||||
}
|
||||
|
||||
h1 {
|
||||
@@ -82,11 +91,15 @@ button {
|
||||
--primary-color: #{$primary-color};
|
||||
--primary-hover-color: #{$primary-hover-color};
|
||||
--text-color: #{$text-color-light};
|
||||
--text-color-secondary: #555;
|
||||
--text-color-tertiary: #777;
|
||||
--bg-color: #{$bg-color-light};
|
||||
--sidebar-bg: #fff;
|
||||
--sidebar-border: #eee;
|
||||
--card-bg: #fff;
|
||||
--card-bg-secondary: #f9f9f9;
|
||||
--card-border: #ddd;
|
||||
--primary-color-light: rgba(52, 152, 219, 0.1);
|
||||
|
||||
button {
|
||||
background-color: $button-bg-light;
|
||||
@@ -103,11 +116,15 @@ button {
|
||||
--primary-color: #{$primary-color};
|
||||
--primary-hover-color: #{$primary-hover-color};
|
||||
--text-color: #{$text-color-light};
|
||||
--text-color-secondary: #555;
|
||||
--text-color-tertiary: #777;
|
||||
--bg-color: #{$bg-color-light};
|
||||
--sidebar-bg: #fff;
|
||||
--sidebar-border: #eee;
|
||||
--card-bg: #fff;
|
||||
--card-bg-secondary: #f9f9f9;
|
||||
--card-border: #ddd;
|
||||
--primary-color-light: rgba(52, 152, 219, 0.1);
|
||||
}
|
||||
|
||||
:root:not(.dark-mode):not(.light-mode) button {
|
||||
|
||||
Reference in New Issue
Block a user