PlexSheep
/
krata
1
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity
krata/_sass/colors/typography-light.scss

113 lines
3.0 KiB
SCSS
Raw Permalink Normal View History

Contact theme styles
2021-01-23 06:20:58 +01:00
/*
* The syntax light mode typography colors
*/
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
@mixin light-scheme {
Move sass variables
2021-09-14 10:44:18 +02:00
/* Framework color */
refactor: rename color variable
2022-09-29 16:20:01 +02:00
--main-bg: white;
fix: notch status bar doesn't match theme color (#918) Resolves #918
2023-03-16 18:17:06 +01:00
--mask-bg: #c1c3c5;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--main-border-color: #f3f3f3;
Move sass variables
2021-09-14 10:44:18 +02:00
/* Common color */
Improve the UI design - Optimize the text color in light mode - Stop iOS Safari input field zooming - Uniform font size for posts
2021-04-12 13:45:01 +02:00
--text-color: #34343c;
perf(ui): improve web accessibility (#447) - Make color and contrast meets WCAG 2 AA and above - Fixes `aria-label` on button "copy link" in posts
2023-08-01 23:18:35 +02:00
--text-muted-color: #757575;
perf(ui): standardize metadata text styles (#1295)
2023-10-04 21:29:44 +02:00
--text-muted-hightlight-color: inherit;
refactor(ui): optimize the color scheme
2023-09-04 18:34:35 +02:00
--heading-color: #2a2a2a;
--label-color: #585858;
style: improve SCSS style
2022-10-19 20:05:29 +02:00
--blockquote-border-color: #eeeeee;
perf(ui): improve web accessibility (#447) - Make color and contrast meets WCAG 2 AA and above - Fixes `aria-label` on button "copy link" in posts
2023-08-01 23:18:35 +02:00
--blockquote-text-color: #757575;
refactor(ui): optimize the color scheme
2023-09-04 18:34:35 +02:00
--link-color: #0056b2;
Optimize the typography.
2020-02-28 17:16:47 +01:00
--link-underline-color: #dee2e6;
style: improve SCSS style
2022-10-19 20:05:29 +02:00
--button-bg: #ffffff;
Move sass variables
2021-09-14 10:44:18 +02:00
--btn-border-color: #e9ecef;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--btn-backtotop-color: #686868;
Beautify shape and color of checkbox
2020-12-14 08:12:41 +01:00
--btn-backtotop-border-color: #f1f1f1;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--btn-box-shadow: #eaeaea;
Optimize typography - Set the table width to 100% on small screens - Optimize list style - Optimize image style - Make checkbox color lighter (light mode) - Reduce the space for inline code
2020-12-24 12:37:33 +01:00
--checkbox-color: #c5c5c5;
Simplify checkbox with fontawesome icon
2020-12-15 08:20:03 +01:00
--checkbox-checked-color: #07a8f7;
feat: change TOC plugin to `tocbot` (#774)
2023-03-15 19:56:54 +01:00
--img-bg: radial-gradient(
circle,
rgb(255, 255, 255) 0%,
feat(ui): show preview image in home page
2023-03-17 23:28:44 +01:00
rgb(239, 239, 239) 100%
feat: change TOC plugin to `tocbot` (#774)
2023-03-15 19:56:54 +01:00
);
--shimmer-bg: linear-gradient(
90deg,
rgba(250, 250, 250, 0) 0%,
rgba(232, 230, 230, 1) 50%,
rgba(250, 250, 250, 0) 100%
);
Create a more beautiful checkbox The browser's default checkbox is too ugly, especially in dark mode
2020-12-13 17:24:33 +01:00
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
/* Sidebar */
perf(ui): improve web accessibility (#447) - Make color and contrast meets WCAG 2 AA and above - Fixes `aria-label` on button "copy link" in posts
2023-08-01 23:18:35 +02:00
--site-title-color: rgb(113, 113, 113);
--site-subtitle-color: #717171;
feat(ui): redesign the sidebar
2023-03-24 19:58:58 +01:00
--sidebar-bg: #f6f8fa;
refactor(ui): optimize the color scheme
2023-09-04 18:34:35 +02:00
--sidebar-border-color: #efefef;
perf(ui): improve web accessibility (#447) - Make color and contrast meets WCAG 2 AA and above - Fixes `aria-label` on button "copy link" in posts
2023-08-01 23:18:35 +02:00
--sidebar-muted-color: #545454;
feat(ui): redesign the sidebar
2023-03-24 19:58:58 +01:00
--sidebar-active-color: #1d1d1d;
perf(ui): improve hover color of sidebar nav items in light mode
2023-06-04 03:16:18 +02:00
--sidebar-hover-bg: rgb(223, 233, 241, 0.64);
Improve the layout of sidebar icons
2021-09-21 16:37:28 +02:00
--sidebar-btn-bg: white;
feat(ui): redesign the sidebar
2023-03-24 19:58:58 +01:00
--sidebar-btn-color: #8e8e8e;
--avatar-border-color: white;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
/* Topbar */
feat(ui): improve the design for top bar
2023-03-28 23:01:25 +02:00
--topbar-bg: rgb(255, 255, 255, 0.7);
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--topbar-text-color: rgb(78, 78, 78);
perf: refactor using semantic HTML (#1207) Fixes #1196
2023-09-08 16:48:37 +02:00
--search-border-color: rgb(240, 240, 240);
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--search-icon-color: #c2c6cc;
feat(ui): improve the design for top bar
2023-03-28 23:01:25 +02:00
--input-focus-border-color: #b8b8b8;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
Resume page link hover effect.
2020-06-17 10:17:03 +02:00
/* Home page */
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--post-list-text-color: dimgray;
--btn-patinator-text-color: #555555;
Lighten the light mode color scheme
2021-09-21 12:00:29 +02:00
--btn-paginator-hover-color: var(--sidebar-bg);
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
/* Posts */
refactor(ui): optimize the color scheme
2023-09-04 18:34:35 +02:00
--toc-highlight: #0550ae;
feat: add Mastodon sharing link (#1344) Adds a "share to Mastodon" button as a link sharing option using @justinribeiro's share-to-mastodon package Discussion of proposed change - #1324 --------- Co-authored-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
2023-10-29 19:02:58 +01:00
--btn-share-color: gray;
--btn-share-hover-color: #0d6efd;
feat(ui): show preview image in home page
2023-03-17 23:28:44 +01:00
--card-bg: white;
--card-hovor-bg: #e2e2e2;
perf(ui): improve hover effect for post preview cards - home cards - navigator buttons at the bottom post
2023-03-21 02:52:15 +01:00
--card-shadow: rgb(104, 104, 104, 0.05) 0 2px 6px 0,
rgba(211, 209, 209, 0.15) 0 0 0 1px;
Move sass variables
2021-09-14 10:44:18 +02:00
--footnote-target-bg: lightcyan;
--tb-odd-bg: #fbfcfd;
--tb-border-color: #eaeaea;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
--dash-color: silver;
Beautify the style of `<kbd>` (resolve #471)
2022-01-02 09:28:42 +01:00
--kbd-wrap-color: #bdbdbd;
--kbd-text-color: var(--text-color);
--kbd-bg-color: white;
style: improve SCSS style
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);
Add `tip` type prompt
2022-02-12 19:10:37 +01:00
--prompt-tip-icon-color: #03b303;
Rename prompt type `note` to `info`
2022-02-14 12:59:28 +01:00
--prompt-info-bg: #e1f5fe;
--prompt-info-icon-color: #0070cb;
style: improve SCSS style
2022-10-19 20:05:29 +02:00
--prompt-warning-bg: rgb(255, 243, 205);
Improve the color of prompts
2022-01-26 21:41:19 +01:00
--prompt-warning-icon-color: #ef9c03;
style: improve SCSS style
2022-10-19 20:05:29 +02:00
--prompt-danger-bg: rgb(248, 215, 218, 0.56);
Improve the color of prompts
2022-01-26 21:41:19 +01:00
--prompt-danger-icon-color: #df3c30;
refactor(ui): optimize the color scheme
2023-09-04 18:34:35 +02:00
/* Tags */
--tag-border: #dee2e6;
--tag-shadow: var(--btn-border-color);
--tag-hover: rgb(222, 226, 230);
--search-tag-bg: #f8f9fa;
feat: change TOC plugin to `tocbot` (#774)
2023-03-15 19:56:54 +01:00
[class^='prompt-'] {
style: improve SCSS style
2022-10-19 20:05:29 +02:00
--link-underline-color: rgb(219, 216, 216);
Improve the color of prompts
2022-01-26 21:41:19 +01:00
}
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
feat: support dark and light mode images (#481)
2022-12-19 17:57:53 +01:00
.dark {
display: none;
}
Beautify the style of categories button
2021-09-23 16:28:38 +02:00
/* Categories */
refactor(deps): upgrade bootstrap from v4.6 to v5.2 - update class name of the spacing, font style, cards and toasts - update attribute names & tooltip usage - remove custom smooth scroll - syntax colors
2023-04-10 04:54:27 +02:00
--categories-border: rgba(0, 0, 0, 0.125);
Beautify the style of categories button
2021-09-23 16:28:38 +02:00
--categories-hover-bg: var(--btn-border-color);
--categories-icon-hover-color: darkslategray;
Improve the way of using color schemes. - Gracefully switch code color scheme in the future. - Also uniform border color.
2020-02-27 14:05:50 +01:00
/* Archive */
--timeline-color: rgba(0, 0, 0, 0.075);
--timeline-node-bg: #c2c6cc;
--timeline-year-dot-color: #ffffff;
Add blockquote prompts (resolve #489)
2022-01-21 10:46:01 +01:00
} /* light-scheme */