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

View File

@ -55,12 +55,22 @@
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 */
[type=checkbox], [type=radio] {
color: rgba(var(--color-secondary-500),var(--tw-text-opacity));
}
/* Make transitions slightly longer for aesthetic */
/* TODO: This seems to have changed, reimpl */
body a, body button {
transition-duration: 250ms;
}

View File

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