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) { @media (prefers-color-scheme: dark) {
.breadcrumb {
border-bottom-color: #333;
li {
&:not(:last-child)::after {
color: #666;
}
&.active {
color: #eee;
}
}
}
main section h2 { main section h2 {
color: #eee; color: #eee;

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

@ -106,28 +106,41 @@ button {
} }
} }
// System preference override // // System preference override
@media (prefers-color-scheme: light) { // @media (prefers-color-scheme: light) {
:root:not(.dark-mode):not(.light-mode) { // :root:not(.dark-mode):not(.light-mode) {
color: $text-color-light; // color: $text-color-light;
background-color: $bg-color-light; // background-color: $bg-color-light;
// Update CSS variables for light mode // // Update CSS variables for light mode
--primary-color: #{$primary-color}; // --primary-color: #{$primary-color};
--primary-hover-color: #{$primary-hover-color}; // --primary-hover-color: #{$primary-hover-color};
--text-color: #{$text-color-light}; // --text-color: #{$text-color-light};
--text-color-secondary: #555; // --text-color-secondary: #555;
--text-color-tertiary: #777; // --text-color-tertiary: #777;
--bg-color: #{$bg-color-light}; // --bg-color: #{$bg-color-light};
--sidebar-bg: #fff; // --sidebar-bg: #fff;
--sidebar-border: #eee; // --sidebar-border: #eee;
--card-bg: #fff; // --card-bg: #fff;
--card-bg-secondary: #f9f9f9; // --card-bg-secondary: #f9f9f9;
--card-border: #ddd; // --card-border: #ddd;
--primary-color-light: rgba(52, 152, 219, 0.1); // --primary-color-light: rgba(52, 152, 219, 0.1);
// }
// :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);
} }
:root:not(.dark-mode):not(.light-mode) button { &.active {
background-color: $button-bg-light; color: var(--text-color);
}
} }
} }