pankan/jobs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

warning fixes

Browse Source
This commit is contained in:
Kiran Surendran Pankan
2025-04-02 15:49:25 +05:30
parent e4235df3dd
commit 68a7bd526f
3 changed files with 38 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/scss/main.scss
+31 -31
View File
@@ -1,13 +1,13 @@
@import './variables.scss';
@use './variables.scss' as vars;
// 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;
font-family: vars.$font-family;
line-height: vars.$line-height;
font-weight: vars.$font-weight-normal;
font-synthesis: none;
text-rendering: optimizeLegibility;
@@ -18,16 +18,16 @@
// Default dark theme
:root, .dark-mode {
color-scheme: dark;
color: $text-color-dark;
background-color: $bg-color-dark;
color: vars.$text-color-dark;
background-color: vars.$bg-color-dark;
// CSS variables for theming
--primary-color: #{$primary-color};
--primary-hover-color: #{$primary-hover-color};
--text-color: #{$text-color-dark};
--primary-color: #{vars.$primary-color};
--primary-hover-color: #{vars.$primary-hover-color};
--text-color: #{vars.$text-color-dark};
--text-color-secondary: #bbb;
--text-color-tertiary: #999;
--bg-color: #{$bg-color-dark};
--bg-color: #{vars.$bg-color-dark};
--sidebar-bg: #1e1e1e;
--sidebar-border: #333;
--card-bg: #2a2a2a;
@@ -37,12 +37,12 @@
}
a {
font-weight: $font-weight-medium;
color: $primary-color;
font-weight: vars.$font-weight-medium;
color: vars.$primary-color;
text-decoration: inherit;
&:hover {
color: $primary-hover-color;
color: vars.$primary-hover-color;
}
}
@@ -64,19 +64,19 @@ button {
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: $font-weight-medium;
font-weight: vars.$font-weight-medium;
font-family: inherit;
background-color: $button-bg-dark;
background-color: vars.$button-bg-dark;
cursor: pointer;
transition: border-color 0.25s;
&:hover {
border-color: $primary-color;
border-color: vars.$primary-color;
}
}
#app {
max-width: $max-content-width;
max-width: vars.$max-content-width;
margin: 0 auto;
padding: 1rem;
}
@@ -84,16 +84,16 @@ button {
// Light mode theme
.light-mode {
color-scheme: light;
color: $text-color-light;
background-color: $bg-color-light;
color: vars.$text-color-light;
background-color: vars.$bg-color-light;
// Update CSS variables for light mode
--primary-color: #{$primary-color};
--primary-hover-color: #{$primary-hover-color};
--text-color: #{$text-color-light};
--primary-color: #{vars.$primary-color};
--primary-hover-color: #{vars.$primary-hover-color};
--text-color: #{vars.$text-color-light};
--text-color-secondary: #555;
--text-color-tertiary: #777;
--bg-color: #{$bg-color-light};
--bg-color: #{vars.$bg-color-light};
--sidebar-bg: #fff;
--sidebar-border: #eee;
--card-bg: #fff;
@@ -102,23 +102,23 @@ button {
--primary-color-light: rgba(52, 152, 219, 0.1);
button {
background-color: $button-bg-light;
background-color: vars.$button-bg-light;
}
}
// // System preference override
// @media (prefers-color-scheme: light) {
// :root:not(.dark-mode):not(.light-mode) {
// color: $text-color-light;
// background-color: $bg-color-light;
// color: vars.$text-color-light;
// background-color: vars.$bg-color-light;
// // Update CSS variables for light mode
// --primary-color: #{$primary-color};
// --primary-hover-color: #{$primary-hover-color};
// --text-color: #{$text-color-light};
// --primary-color: #{vars.$primary-color};
// --primary-hover-color: #{vars.$primary-hover-color};
// --text-color: #{vars.$text-color-light};
// --text-color-secondary: #555;
// --text-color-tertiary: #777;
// --bg-color: #{$bg-color-light};
// --bg-color: #{vars.$bg-color-light};
// --sidebar-bg: #fff;
// --sidebar-border: #eee;
// --card-bg: #fff;
@@ -128,7 +128,7 @@ button {
// }
// :root:not(.dark-mode):not(.light-mode) button {
// background-color: $button-bg-light;
// background-color: vars.$button-bg-light;
// }
// }
.breadcrumb {