fix selection colour
parent
79c31860a6
commit
11850a3a0d
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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 */
|
||||
|
|
Loading…
Reference in New Issue