diff --git a/assets/css/custom.css b/assets/css/custom.css index 2a9a147..17027ab 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -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; } diff --git a/assets/css/schemes/rin.css b/assets/css/schemes/rin.css index 8ef0e91..3d91388 100644 --- a/assets/css/schemes/rin.css +++ b/assets/css/schemes/rin.css @@ -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 */