/* * The syntax light mode typography colors */ @mixin light-scheme { /* Framework color */ --main-bg: white; --mask-bg: #c1c3c5; --main-border-color: #f3f3f3; /* Common color */ --text-color: #34343c; --text-muted-color: #757575; --text-muted-highlight-color: inherit; --heading-color: #2a2a2a; --label-color: #585858; --blockquote-border-color: #eeeeee; --blockquote-text-color: #757575; --link-color: #0056b2; --link-underline-color: #dee2e6; --button-bg: #ffffff; --btn-border-color: #e9ecef; --btn-backtotop-color: #686868; --btn-backtotop-border-color: #f1f1f1; --btn-box-shadow: #eaeaea; --checkbox-color: #c5c5c5; --checkbox-checked-color: #07a8f7; --img-bg: radial-gradient( circle, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100% ); --shimmer-bg: linear-gradient( 90deg, rgba(250, 250, 250, 0) 0%, rgba(232, 230, 230, 1) 50%, rgba(250, 250, 250, 0) 100% ); /* Sidebar */ --site-title-color: rgb(113, 113, 113); --site-subtitle-color: #717171; --sidebar-bg: #f6f8fa; --sidebar-border-color: #efefef; --sidebar-muted-color: #545454; --sidebar-active-color: #1d1d1d; --sidebar-hover-bg: rgb(223, 233, 241, 0.64); --sidebar-btn-bg: white; --sidebar-btn-color: #8e8e8e; --avatar-border-color: white; /* Topbar */ --topbar-bg: rgb(255, 255, 255, 0.7); --topbar-text-color: rgb(78, 78, 78); --search-border-color: rgb(240, 240, 240); --search-icon-color: #c2c6cc; --input-focus-border-color: #b8b8b8; /* Home page */ --post-list-text-color: dimgray; --btn-patinator-text-color: #555555; --btn-paginator-hover-color: var(--sidebar-bg); /* Posts */ --toc-highlight: #0550ae; --btn-share-color: gray; --btn-share-hover-color: #0d6efd; --card-bg: white; --card-hovor-bg: #e2e2e2; --card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0, rgba(211, 209, 209, 0.15) 0 0 0 1px; --footnote-target-bg: lightcyan; --tb-odd-bg: #fbfcfd; --tb-border-color: #eaeaea; --dash-color: silver; --kbd-wrap-color: #bdbdbd; --kbd-text-color: var(--text-color); --kbd-bg-color: white; --prompt-text-color: rgb(46, 46, 46, 0.77); --prompt-tip-bg: rgb(123, 247, 144, 0.2); --prompt-tip-icon-color: #03b303; --prompt-info-bg: #e1f5fe; --prompt-info-icon-color: #0070cb; --prompt-warning-bg: rgb(255, 243, 205); --prompt-warning-icon-color: #ef9c03; --prompt-danger-bg: rgb(248, 215, 218, 0.56); --prompt-danger-icon-color: #df3c30; /* Tags */ --tag-border: #dee2e6; --tag-shadow: var(--btn-border-color); --tag-hover: rgb(222, 226, 230); --search-tag-bg: #f8f9fa; /* Categories */ --categories-border: rgba(0, 0, 0, 0.125); --categories-hover-bg: var(--btn-border-color); --categories-icon-hover-color: darkslategray; /* Archive */ --timeline-color: rgba(0, 0, 0, 0.075); --timeline-node-bg: #c2c6cc; --timeline-year-dot-color: #ffffff; [class^='prompt-'] { --link-underline-color: rgb(219, 216, 216); } .dark { display: none; } } /* light-scheme */