alrayyes/wiki
1
0
Fork 0
mirror of https://github.com/alrayyes/wiki.git synced 2025-05-11 03:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(style): Add textHighlight theme setting ()

Browse source 
* Add textHighlight theme setting

* update docs to include textHighlight

* Remove errant `S`
This commit is contained in:
Peter 2024-07-10 01:21:00 +01:00 • committed by GitHub
parent ef375d265d
commit b7793bd856
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 7 additions and 2 deletions
quartz
styles
base.scss
util
theme.ts

3
quartz/styles/base.scss
View file

@ -20,11 +20,10 @@ section {
}
.text-highlight {
background-color: #fff23688;
background-color: var(--textHighlight);
padding: 0 0.1rem;
border-radius: 5px;
}
::selection {
background: color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0));
color: var(--darkgray);

3
quartz/util/theme.ts
View file

@ -7,6 +7,7 @@ export interface ColorScheme {
secondary: string
tertiary: string
highlight: string
textHighlight: string
}
interface Colors {
@ -49,6 +50,7 @@ ${stylesheet.join("\n\n")}
--secondary: ${theme.colors.lightMode.secondary};
--tertiary: ${theme.colors.lightMode.tertiary};
--highlight: ${theme.colors.lightMode.highlight};
--textHighlight: ${theme.colors.lightMode.textHighlight};
--headerFont: "${theme.typography.header}", ${DEFAULT_SANS_SERIF};
--bodyFont: "${theme.typography.body}", ${DEFAULT_SANS_SERIF};
@ -64,6 +66,7 @@ ${stylesheet.join("\n\n")}
--secondary: ${theme.colors.darkMode.secondary};
--tertiary: ${theme.colors.darkMode.tertiary};
--highlight: ${theme.colors.darkMode.highlight};
--textHighlight: ${theme.colors.darkMode.textHighlight};
}
`
}