SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ color text selection from character color palette

Browse source
This commit is contained in:
Sebin Nyshkim 2025-04-11 15:22:31 +02:00
parent 20e79c01d8
commit baf90e0f9f
2 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/css/colors.css
View file

@ -51,6 +51,8 @@
--clr-accent-5: oklch(0.36 0.0098 17.62); /* horns */ --clr-accent-5: oklch(0.36 0.0098 17.62); /* horns */
--clr-accent-6: oklch(0.46 0.0826 32.71); /* tail spikes */ --clr-accent-6: oklch(0.46 0.0826 32.71); /* tail spikes */
--clr-selection: var(--clr-accent-1);
--clr-selection-text: var(--theme-c-text-dark);
--clr-nav-link-active: var(--clr-accent-1); --clr-nav-link-active: var(--clr-accent-1);
--clr-heading-underline: var(--clr-accent-1); --clr-heading-underline: var(--clr-accent-1);
--clr-heading-data: var(--clr-accent-1); --clr-heading-data: var(--clr-accent-1);
@ -70,6 +72,8 @@
--clr-accent-8: oklch(0.71 0.0848 236.58); --clr-accent-8: oklch(0.71 0.0848 236.58);
--clr-accent-9: oklch(0.4 0.0437 228.49); --clr-accent-9: oklch(0.4 0.0437 228.49);
--clr-selection: var(--clr-accent-7);
--clr-selection-text: var(--theme-c-text-dark);
--clr-nav-link-active: var(--clr-accent-7); --clr-nav-link-active: var(--clr-accent-7);
--clr-heading-underline: var(--clr-accent-7); --clr-heading-underline: var(--clr-accent-7);
--clr-heading-data: var(--clr-accent-7); --clr-heading-data: var(--clr-accent-7);
@ -86,6 +90,8 @@
--clr-accent-4: oklch(0.81 0.07 74.77); --clr-accent-4: oklch(0.81 0.07 74.77);
--clr-accent-5: oklch(0.69 0.12 95.34); --clr-accent-5: oklch(0.69 0.12 95.34);
--clr-selection: var(--clr-accent-1);
--clr-selection-text: var(--theme-c-text-dark);
--clr-nav-link-active: var(--clr-accent-1); --clr-nav-link-active: var(--clr-accent-1);
--clr-heading-underline: var(--clr-accent-1); --clr-heading-underline: var(--clr-accent-1);
--clr-heading-data: var(--clr-accent-1); --clr-heading-data: var(--clr-accent-1);

5
src/css/style.css
View file

@ -23,3 +23,8 @@ h5,
h6 { h6 {
font-family: var(--font-family-headings); font-family: var(--font-family-headings);
} }
::selection {
color: var(--clr-selection-text);
background-color: var(--clr-selection);
}