krata/_sass/colors/light-typography.scss

107 lines
2.8 KiB
SCSS
Raw Normal View History

2021-01-23 06:20:58 +01:00
/*
* The syntax light mode typography colors
*/
@mixin light-scheme {
2021-09-14 10:44:18 +02:00
/* Framework color */
2022-09-29 16:20:01 +02:00
--main-bg: white;
--mask-bg: #c1c3c5;
--main-border-color: #f3f3f3;
2021-09-14 10:44:18 +02:00
/* Common color */
--text-color: #34343c;
--text-muted-color: #8e8e8e;
2021-04-02 10:10:07 +02:00
--heading-color: black;
2022-10-19 20:05:29 +02:00
--blockquote-border-color: #eeeeee;
--blockquote-text-color: #9a9a9a;
--link-color: #2a408e;
2020-02-28 17:16:47 +01:00
--link-underline-color: #dee2e6;
2022-10-19 20:05:29 +02:00
--button-bg: #ffffff;
2021-09-14 10:44:18 +02:00
--btn-border-color: #e9ecef;
--btn-backtotop-color: #686868;
2020-12-14 08:12:41 +01:00
--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 */
2021-09-21 12:00:29 +02:00
--sidebar-bg: #eeeeee;
--sidebar-muted-color: #a2a19f;
2021-09-21 16:37:28 +02:00
--sidebar-active-color: #424242;
--nav-cursor-color: #757575;
--sidebar-btn-bg: white;
/* Topbar */
--topbar-text-color: rgb(78, 78, 78);
2021-09-14 10:44:18 +02:00
--topbar-wrapper-bg: white;
2022-10-19 20:05:29 +02:00
--search-wrapper-bg: rgb(245, 245, 245, 0.5);
--search-wrapper-border-color: rgb(245, 245, 245);
--search-tag-bg: #f8f9fa;
--search-icon-color: #c2c6cc;
--input-focus-border-color: var(--btn-border-color);
2020-06-17 10:17:03 +02:00
/* Home page */
--post-list-text-color: dimgray;
--btn-patinator-text-color: #555555;
2021-09-21 12:00:29 +02:00
--btn-paginator-hover-color: var(--sidebar-bg);
--btn-paginator-border-color: var(--sidebar-bg);
--btn-text-color: #676666;
/* Posts */
--toc-highlight: #563d7c;
--btn-share-hover-color: var(--link-color);
--card-bg: white;
--card-hovor-bg: #e2e2e2;
2023-03-21 00:20:32 +01:00
--card-border-color: rgba(172, 169, 169, 0.13);
--label-color: #616161;
2020-08-19 15:18:14 +02:00
--relate-post-date: rgba(30, 55, 70, 0.4);
2021-09-14 10:44:18 +02:00
--footnote-target-bg: lightcyan;
--tag-bg: rgba(0, 0, 0, 0.075);
--tag-border: #dee2e6;
--tag-shadow: var(--btn-border-color);
--tag-hover: rgb(222, 226, 230);
2021-09-14 10:44:18 +02:00
--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;
2022-10-19 20:05:29 +02:00
--prompt-text-color: rgb(46, 46, 46, 0.77);
--prompt-tip-bg: rgb(123, 247, 144, 0.2);
2022-02-12 19:10:37 +01:00
--prompt-tip-icon-color: #03b303;
2022-02-14 12:59:28 +01:00
--prompt-info-bg: #e1f5fe;
--prompt-info-icon-color: #0070cb;
2022-10-19 20:05:29 +02:00
--prompt-warning-bg: rgb(255, 243, 205);
2022-01-26 21:41:19 +01:00
--prompt-warning-icon-color: #ef9c03;
2022-10-19 20:05:29 +02:00
--prompt-danger-bg: rgb(248, 215, 218, 0.56);
2022-01-26 21:41:19 +01:00
--prompt-danger-icon-color: #df3c30;
[class^='prompt-'] {
2022-10-19 20:05:29 +02:00
--link-underline-color: rgb(219, 216, 216);
2022-01-26 21:41:19 +01:00
}
.dark {
display: none;
}
/* Categories */
--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;
2022-01-21 10:46:01 +01:00
} /* light-scheme */