mirror/advplyr.audiobookshelf-app
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf-app.git synced 2025-08-30 22:59:35 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: UI Black/OLED theme

Browse source
This commit is contained in:
NickSkier 2025-06-20 01:05:46 +03:00
parent 62f6a11522
commit 3f21b4172b
2 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/tailwind.css
View file

@ -22,6 +22,25 @@
--gradient-minimized-audio-player: linear-gradient(145deg, rgba(38, 38, 38, 0.5) 0%, rgba(38, 38, 38, 0.9) 20%, rgb(38, 38, 38) 60%); --gradient-minimized-audio-player: linear-gradient(145deg, rgba(38, 38, 38, 0.5) 0%, rgba(38, 38, 38, 0.9) 20%, rgb(38, 38, 38) 60%);
} }
html[data-theme='black'] {
color: white;
--color-bg: 0 0 0;
--color-bg-hover: 0 0 0;
--color-fg: 230 237 243;
--color-fg-muted: 120 126 132;
--color-primary: 0 0 0;
--color-secondary: 0 0 0;
--color-border: 55 62 65;
--color-bg-toggle: 0 0 0;
--color-bg-toggle-selected: 35 35 35;
--color-track-cursor: 229 231 235;
--color-track: 107 114 128;
--color-track-buffered: 75 85 99;
--gradient-item-page: rgb(0, 0, 0);
--gradient-audio-player: rgb(0, 0, 0);
--gradient-minimized-audio-player: rgb(0, 0, 0);
}
html[data-theme='light'] { html[data-theme='light'] {
color: black; color: black;
--color-bg: 255 255 255; --color-bg: 255 255 255;

4
pages/settings.vue
View file

@ -363,6 +363,10 @@ export default {
}, },
themeOptionItems() { themeOptionItems() {
return [ return [
{
text: this.$strings.LabelThemeBlack,
value: 'black'
},
{ {
text: this.$strings.LabelThemeDark, text: this.$strings.LabelThemeDark,
value: 'dark' value: 'dark'