mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
164a699701
* refactor(styles): unify theme properties and update color variables across stylesheets * Implement theme mode support with light-dark color adjustments across stylesheets - Added color-scheme support in _root.scss for light and dark modes. - Replaced theme property mixins with light-dark function in various widget styles including _cell-tooltip.scss, _cookieconsent.scss, _fixed-button.scss, and others. - Updated alert styles in _alert.scss to use light-dark for border and text colors. - Refactored code syntax highlighting in _code.scss and _code-syntax/_index.scss to utilize light-dark for background gradients. - Enhanced search input styles in _search.scss to adapt to theme mode. - Modified theme switching logic in color-scheme.js and theme.js to support new theme mode structure. - Adjusted APlayer and Valine styles to accommodate dark mode using new theme variables. * feat(shortcode): add auto-dark shortcode for dark mode adaptation * refactor(styles): update theme colors and improve box-shadow properties for better visual consistency * feat(header): add scroll-state container queries and enhance header shadow effects * feat(styles): enhance scroll behavior with overscroll-behavior adjustments for better UX * feat(styles): update code&table styles and colors for improved visual consistency * feat(styles): update color variables and improve font styling for better visual hierarchy
46 lines
998 B
SCSS
Vendored
46 lines
998 B
SCSS
Vendored
// ========== Global ========== //
|
|
// Color of the border
|
|
$border-color: #d7dee4;
|
|
$border-color-dark: #383f47;
|
|
|
|
// ========== Code ========== //
|
|
// Color of the code
|
|
$code-color: #E74C3C !default;
|
|
$code-color-dark: #E5BF78 !default;
|
|
|
|
// Color of the code background
|
|
$code-background-color: #f4f6f8 !default;
|
|
$code-background-color-dark: #2d333B !default;
|
|
|
|
@mixin overflow-wrap($value) {
|
|
word-wrap: $value;
|
|
overflow-wrap: $value;
|
|
}
|
|
|
|
.v[data-class=v] {
|
|
.vcount {
|
|
z-index: 60;
|
|
}
|
|
.vcards .vcard .vcontent.expand {
|
|
&::before, &::after {
|
|
z-index: 50;
|
|
}
|
|
}
|
|
|
|
.vwrap,
|
|
.vwrap .vheader .vinput,
|
|
.vcards .vcard .vh,
|
|
.vcards .vcard .vquote,
|
|
blockquote {
|
|
border-color: light-dark($border-color, $border-color-dark);
|
|
}
|
|
|
|
code, pre, pre code {
|
|
font-size: 90%;
|
|
tab-size: 4;
|
|
color: light-dark($code-color, $code-color-dark);
|
|
background-color: light-dark($code-background-color, $code-background-color-dark);
|
|
@include overflow-wrap(break-word);
|
|
}
|
|
}
|