f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Create a more beautiful checkbox

Browse Source 
The browser's default checkbox is too ugly, especially in dark mode
This commit is contained in:
Cotes Chung
2020-12-14 00:24:33 +08:00
parent d0a8d072fd
commit d61446fafc
6 changed files with 65 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/_colors/dark-typography.scss
View File

@@ -32,6 +32,11 @@
--btn-box-shadow: var(--main-wrapper-bg);
--card-header-bg: rgb(51, 50, 50);
--label-color: rgb(108, 117, 125);
--checkbox-color: var(--text-color);
--checkbox-bg: var(--main-wrapper-bg);
--checkbox-checked-color: var(--main-wrapper-bg);
--checkbox-checked-bg: var(--text-color);
/* Sidebar */
--nav-cursor-color: rgb(183, 182, 182);

5
assets/css/_colors/light-typography.scss
View File

@@ -25,6 +25,11 @@
--btn-backtotop-color: #686868;
--btn-backtotop-border-color: #f1f1f1; //--main-border-color,
--btn-box-shadow: #eaeaea;
--checkbox-color: darkgrey;
--checkbox-bg: var(--main-wrapper-bg);
--checkbox-checked-bg: var(--main-wrapper-bg);
--checkbox-checked-color: grey;
/* Sidebar */
--sidebar-bg: radial-gradient(