Rin
/
snek-tech-blog
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix selection colour

develop
Rin 2023-06-11 12:18:49 +10:00
parent 79c31860a6
commit 11850a3a0d
2 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/custom.css
View File

@ -55,12 +55,22 @@
background-color: rgba(var(--color-neutral-100),var(--tw-bg-opacity)); background-color: rgba(var(--color-neutral-100),var(--tw-bg-opacity));
} }
/* Selection Text */
::selection {
background-color: rgba(var(--color-secondary-200), var(--tw-bg-opacity));
}
.dark ::selection {
background-color: rgba(var(--color-secondary-800), var(--tw-bg-opacity));
}
/* CheckBoxes and Radio Buttons */ /* CheckBoxes and Radio Buttons */
[type=checkbox], [type=radio] { [type=checkbox], [type=radio] {
color: rgba(var(--color-secondary-500),var(--tw-text-opacity)); color: rgba(var(--color-secondary-500),var(--tw-text-opacity));
} }
/* Make transitions slightly longer for aesthetic */ /* Make transitions slightly longer for aesthetic */
/* TODO: This seems to have changed, reimpl */
body a, body button { body a, body button {
transition-duration: 250ms; transition-duration: 250ms;
} }

20
assets/css/schemes/rin.css
View File

@ -13,16 +13,16 @@
--color-neutral-800: 61, 69, 82; /* 3d4552 */ --color-neutral-800: 61, 69, 82; /* 3d4552 */
--color-neutral-900: 40, 46, 53; /* 282e35 */ --color-neutral-900: 40, 46, 53; /* 282e35 */
/* Violet */ /* Violet */
--color-primary-50: 245, 243, 255; --color-primary-50: 245, 243, 255; /* f5f3ff */
--color-primary-100: 237, 233, 254; --color-primary-100: 237, 233, 254; /* ede9fe */
--color-primary-200: 221, 214, 254; --color-primary-200: 221, 214, 254; /* ddd6fe */
--color-primary-300: 196, 181, 253; --color-primary-300: 196, 181, 253; /* c4b5fd */
--color-primary-400: 167, 139, 250; --color-primary-400: 167, 139, 250; /* a78bfa */
--color-primary-500: 139, 92, 246; --color-primary-500: 139, 92, 246; /* 8b5cf6 */
--color-primary-600: 124, 58, 237; --color-primary-600: 124, 58, 237; /* 7c3aed */
--color-primary-700: 93, 57, 149; --color-primary-700: 93, 57, 149; /* 5d3995 */
--color-primary-800: 78, 48, 124; --color-primary-800: 78, 48, 124; /* 4e307c */
--color-primary-900: 65, 41, 102; --color-primary-900: 65, 41, 102; /* 412966 */
/* Cerise */ /* Cerise */
--color-secondary-50: 253, 252, 250; /* fdfcfa */ --color-secondary-50: 253, 252, 250; /* fdfcfa */
--color-secondary-100: 251, 240, 238; /* fbf0ee */ --color-secondary-100: 251, 240, 238; /* fbf0ee */