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

Changes:

Browse source 
- Added Blur (Light) theme, Closes #62
- Support Changing Default Tab (related to #56)
- Link to Piped, Closes #48
- Continuations for albums (related to #46)
- Support for recently added languages
This commit is contained in:
Shiny Nematoda 2022-10-22 06:27:21 +00:00
parent 335f548219
commit edb618b3f5
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
12 changed files with 487 additions and 422 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/assets/base.css
View file

@ -32,31 +32,14 @@ body[data-theme='dark'] {
--color-border-hover: var(--vt-c-divider-dark-1);
--color-shadow: #000;
--color-blur: #11111190;
--color-scrollbar: var(--vt-c-blue);
--color-heading: var(--vt-c-text-dark-1);
--color-text: var(--vt-c-text-dark-2);
}
body[data-theme='black'] {
--color-background: #000;
--color-shadow: var(--vt-c-black);
}
body[data-theme='blur'] #statusbar,
body[data-theme='blur'] .txt-modal,
body[data-theme='blur'] .pl-modal,
body[data-theme='blur'] .modal-box,
body[data-theme='blur'] .popup input[type='text'] {
background: #11111199;
backdrop-filter: blur(10px);
}
body[data-theme='blur'] .modal {
backdrop-filter: blur(5px);
}
body[data-theme='light'] {
body[data-theme^='light'] {
--color-foreground: cornflowerblue;
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
@ -66,6 +49,7 @@ body[data-theme='light'] {
--color-border-hover: var(--vt-c-divider-light-1);
--color-shadow: #ccc;
--color-blur: #eeeeee90;
--color-scrollbar: var(--color-shadow);
--color-heading: var(--vt-c-text-light-1);
@ -104,6 +88,19 @@ body[data-theme='dracula'] {
--color-text: var(--vt-c-text-dark-2);
}
body[data-theme*='blur'] #statusbar,
body[data-theme*='blur'] .txt-modal,
body[data-theme*='blur'] .pl-modal,
body[data-theme*='blur'] .modal-box,
body[data-theme*='blur'] .popup input[type='text'] {
background: var(--color-blur);
backdrop-filter: blur(10px);
}
body[data-theme*='blur'] .modal {
backdrop-filter: blur(5px);
}
*,
*::before,
*::after {