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

Merge pull request 'feat: add blur variants for all themes' (#145) from Bnyro/Hyperpipe:blur-all into main

Browse source 
Reviewed-on: https://codeberg.org/Hyperpipe/Hyperpipe/pulls/145
This commit is contained in:
Shiny Nematoda 2023-10-19 14:01:20 +00:00
commit e109bc91bd
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, :root,
body[data-theme='dark'], body[data-theme^='dark'],
body[date-theme='black'] { body[date-theme^='black'] {
--color-foreground: var(--vt-c-blue); --color-foreground: var(--vt-c-blue);
--color-background: var(--vt-c-black); --color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft); --color-background-soft: var(--vt-c-black-soft);
@ -40,7 +40,7 @@ body[date-theme='black'] {
--color-text: var(--vt-c-text-dark-2); --color-text: var(--vt-c-text-dark-2);
} }
body[data-theme='black'] { body[data-theme^='black'] {
--color-background: #000; --color-background: #000;
--color-background-mute: #181818; --color-background-mute: #181818;
} }
@ -62,7 +62,7 @@ body[data-theme^='light'] {
--color-text: var(--vt-c-text-light-1); --color-text: var(--vt-c-text-light-1);
} }
body[data-theme='nord'] { body[data-theme^='nord'] {
--color-foreground: #88c0d0; --color-foreground: #88c0d0;
--color-background: #2e3440; --color-background: #2e3440;
--color-background-soft: #3b4252; --color-background-soft: #3b4252;
@ -78,7 +78,7 @@ body[data-theme='nord'] {
--color-text: #d8dee9; --color-text: #d8dee9;
} }
body[data-theme='dracula'] { body[data-theme^='dracula'] {
--color-foreground: #bd93f9; --color-foreground: #bd93f9;
--color-background: #282a36; --color-background: #282a36;
--color-background-soft: #44475a; --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="dark">{{ t('pref.dark') }}</option>
<option value="light">{{ t('pref.light') }}</option> <option value="light">{{ t('pref.light') }}</option>
<option value="black">{{ t('pref.black') }}</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="dracula">{{ t('pref.dracula') }}</option>
<option value="nord">{{ t('pref.nord') }}</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> </select>
<div class="left"> <div class="left">

7
src/locales/en.json
View file

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