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

breadcrumb

This commit is contained in:
Kiran Surendran Pankan 2025-04-02 15:02:54 +05:30
parent df58caff42
commit 35f02e6e35
2 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/App.vue
View File

@ -405,19 +405,6 @@ main {
@media (prefers-color-scheme: dark) {
.breadcrumb {
border-bottom-color: #333;
li {
&:not(:last-child)::after {
color: #666;
}
&.active {
color: #eee;
}
}
}
main section h2 {
color: #eee;

57
src/assets/scss/main.scss
View File

@ -106,28 +106,41 @@ button {
}
}
// System preference override
@media (prefers-color-scheme: light) {
:root:not(.dark-mode):not(.light-mode) {
color: $text-color-light;
background-color: $bg-color-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;
// Update CSS variables for light mode
--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);
}
// // Update CSS variables for light mode
// --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 {
background-color: $button-bg-light;
// :root:not(.dark-mode):not(.light-mode) button {
// background-color: $button-bg-light;
// }
// }
.breadcrumb {
border-bottom-color: var(--card-border);
li {
&:not(:last-child)::after {
color: var(--text-color-tertiary);
}
&.active {
color: var(--text-color);
}
}
}
}