mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-27 20:58:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add blur variants for all themes

Browse source
This commit is contained in:
Bnyro 2023-10-18 20:55:45 +02:00
parent a0e3b8f3ba
commit ee961c7c4f
3 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/assets/base.css
View file

@ -22,8 +22,8 @@
}
:root,
body[data-theme='dark'],
body[date-theme='black'] {
body[data-theme^='dark'],
body[date-theme^='black'] {
--color-foreground: var(--vt-c-blue);
--color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft);
@ -40,7 +40,7 @@ body[date-theme='black'] {
--color-text: var(--vt-c-text-dark-2);
}
body[data-theme='black'] {
body[data-theme^='black'] {
--color-background: #000;
--color-background-mute: #181818;
}
@ -62,7 +62,7 @@ body[data-theme^='light'] {
--color-text: var(--vt-c-text-light-1);
}
body[data-theme='nord'] {
body[data-theme^='nord'] {
--color-foreground: #88c0d0;
--color-background: #2e3440;
--color-background-soft: #3b4252;
@ -78,7 +78,7 @@ body[data-theme='nord'] {
--color-text: #d8dee9;
}
body[data-theme='dracula'] {
body[data-theme^='dracula'] {
--color-foreground: #bd93f9;
--color-background: #282a36;
--color-background-soft: #44475a;

7
src/components/Prefs.vue
View file

@ -131,10 +131,13 @@ onMounted(() => {
<option value="dark">{{ t('pref.dark') }}</option>
<option value="light">{{ t('pref.light') }}</option>
<option value="black">{{ t('pref.black') }}</option>
<option value="blur">{{ t('pref.blur') }}</option>
<option value="light blur">{{ t('pref.blur_light') }}</option>
<option value="dracula">{{ t('pref.dracula') }}</option>
<option value="nord">{{ t('pref.nord') }}</option>
<option value="dark blur">{{ t('pref.blur') }}</option>
<option value="light blur">{{ t('pref.blur_light') }}</option>
<option value="black blur">{{ t('pref.blur_black') }}</option>
<option value="dracula blur">{{ t('pref.blur_dracula') }}</option>
<option value="nord blur">{{ t('pref.blur_nord') }}</option>
</select>
<div class="left">

7
src/locales/en.json
View file

@ -48,10 +48,13 @@
"dark": "Dark (Default)",
"light": "Light",
"black": "Black",
"blur": "Blur",
"blur_light": "Blur (Light)",
"blur_black": "Black (Blur)",
"blur": "Dark (Blur)",
"blur_light": "Light (Blur)",
"dracula": "Dracula",
"blur_dracula": "Dracula (Blur)",
"nord": "Nord",
"blur_nord": "Nord (Blur)",
"compact": "Compact View",
"prm": "Prefers Reduced Motion",
"language": "Language",