austnv/remnawave-minishop
1
0
Fork 0
Code Issues 1 Pull Requests Activity

feat: custom themes polishing

Browse Source
This commit is contained in:
3252a8
2026-05-15 14:38:39 +03:00
parent a1725a6872
commit 86ddceb646
9 changed files with 104 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
bot/app/web/frontend/src/lib/admin/stores/themesStore.js
+1 -7
View File
@@ -119,8 +119,7 @@ export function createThemesStore({ api, onThemesSaved, flash, at }) {
}
}
async function setCurrentTheme(key) {
let changed = false;
function setCurrentTheme(key) {
state.update((s) => ({
...s,
themesCatalog: {
@@ -132,11 +131,6 @@ export function createThemesStore({ api, onThemesSaved, flash, at }) {
})),
},
}));
state.update((s) => {
changed = s.themesCatalog.default_theme === key;
return s;
});
if (changed) await saveThemes({ silent: true });
}
function togglePrimaryAccent(key, enabled) {
bot/app/web/themes/windows95/icons/README.md
-9
View File
@@ -1,9 +0,0 @@
Windows 95 theme button icons
=============================
These PNG icons were sourced from the Windows 98 Icon Viewer:
https://win98icons.alexmeub.com/
Original filenames were normalized for theme CSS usage. They are loaded by
`bot/app/web/themes/windows95/style.css` through `/webapp-theme-assets/...`.
bot/app/web/themes/windows95/icons/arrow-left.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 610 B

After

Width:  |  Height:  |  Size: 1.7 KiB

bot/app/web/themes/windows95/icons/arrow-right.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 423 B

After

Width:  |  Height:  |  Size: 1.9 KiB

bot/app/web/themes/windows95/icons/bitcoin.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 395 B

After

Width:  |  Height:  |  Size: 1.7 KiB

bot/app/web/themes/windows95/icons/dashboard.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 371 B

After

Width:  |  Height:  |  Size: 1.6 KiB

bot/app/web/themes/windows95/style.css
+100 -49
View File
@@ -41,45 +41,45 @@
--admin-text: #000000;
--admin-muted: #202020;
--admin-dim: #404040;
--win95-icon-arrow-left: url("/webapp-theme-assets/windows95/icons/arrow-left.png");
--win95-icon-arrow-right: url("/webapp-theme-assets/windows95/icons/arrow-right.png");
--win95-icon-bitcoin: url("/webapp-theme-assets/windows95/icons/bitcoin.png");
--win95-icon-check: url("/webapp-theme-assets/windows95/icons/check.png");
--win95-icon-chevrons: url("/webapp-theme-assets/windows95/icons/chevrons.png");
--win95-icon-coins: url("/webapp-theme-assets/windows95/icons/coins.png");
--win95-icon-dashboard: url("/webapp-theme-assets/windows95/icons/dashboard.png");
--win95-icon-database: url("/webapp-theme-assets/windows95/icons/database.png");
--win95-icon-download: url("/webapp-theme-assets/windows95/icons/download.png");
--win95-icon-error: url("/webapp-theme-assets/windows95/icons/error.png");
--win95-icon-file-text: url("/webapp-theme-assets/windows95/icons/file-text.png");
--win95-icon-folder: url("/webapp-theme-assets/windows95/icons/folder.png");
--win95-icon-gift: url("/webapp-theme-assets/windows95/icons/gift.png");
--win95-icon-globe: url("/webapp-theme-assets/windows95/icons/globe.png");
--win95-icon-help: url("/webapp-theme-assets/windows95/icons/help.png");
--win95-icon-home: url("/webapp-theme-assets/windows95/icons/home.png");
--win95-icon-info: url("/webapp-theme-assets/windows95/icons/info.png");
--win95-icon-key: url("/webapp-theme-assets/windows95/icons/key.png");
--win95-icon-lock: url("/webapp-theme-assets/windows95/icons/lock.png");
--win95-icon-megaphone: url("/webapp-theme-assets/windows95/icons/megaphone.png");
--win95-icon-paintbrush: url("/webapp-theme-assets/windows95/icons/paintbrush.png");
--win95-icon-payment-card: url("/webapp-theme-assets/windows95/icons/payment-card.png");
--win95-icon-print: url("/webapp-theme-assets/windows95/icons/print.png");
--win95-icon-refresh: url("/webapp-theme-assets/windows95/icons/refresh.png");
--win95-icon-save: url("/webapp-theme-assets/windows95/icons/save.png");
--win95-icon-search: url("/webapp-theme-assets/windows95/icons/search.png");
--win95-icon-send: url("/webapp-theme-assets/windows95/icons/send.png");
--win95-icon-settings: url("/webapp-theme-assets/windows95/icons/settings.png");
--win95-icon-shield: url("/webapp-theme-assets/windows95/icons/shield.png");
--win95-icon-smartphone: url("/webapp-theme-assets/windows95/icons/smartphone.png");
--win95-icon-sliders: url("/webapp-theme-assets/windows95/icons/sliders.png");
--win95-icon-sparkles: url("/webapp-theme-assets/windows95/icons/sparkles.png");
--win95-icon-tag: url("/webapp-theme-assets/windows95/icons/tag.png");
--win95-icon-ticket: url("/webapp-theme-assets/windows95/icons/ticket.png");
--win95-icon-trash: url("/webapp-theme-assets/windows95/icons/trash.png");
--win95-icon-user: url("/webapp-theme-assets/windows95/icons/user.png");
--win95-icon-users: url("/webapp-theme-assets/windows95/icons/users.png");
--win95-icon-warning: url("/webapp-theme-assets/windows95/icons/warning.png");
--win95-icon-x: url("/webapp-theme-assets/windows95/icons/x.png");
--win95-icon-arrow-left: url("/webapp-theme-assets/windows95/icons/arrow-left.png?v=4");
--win95-icon-arrow-right: url("/webapp-theme-assets/windows95/icons/arrow-right.png?v=4");
--win95-icon-bitcoin: url("/webapp-theme-assets/windows95/icons/bitcoin.png?v=4");
--win95-icon-check: url("/webapp-theme-assets/windows95/icons/check.png?v=4");
--win95-icon-chevrons: url("/webapp-theme-assets/windows95/icons/chevrons.png?v=4");
--win95-icon-coins: url("/webapp-theme-assets/windows95/icons/coins.png?v=4");
--win95-icon-dashboard: url("/webapp-theme-assets/windows95/icons/dashboard.png?v=4");
--win95-icon-database: url("/webapp-theme-assets/windows95/icons/database.png?v=4");
--win95-icon-download: url("/webapp-theme-assets/windows95/icons/download.png?v=4");
--win95-icon-error: url("/webapp-theme-assets/windows95/icons/error.png?v=4");
--win95-icon-file-text: url("/webapp-theme-assets/windows95/icons/file-text.png?v=4");
--win95-icon-folder: url("/webapp-theme-assets/windows95/icons/folder.png?v=4");
--win95-icon-gift: url("/webapp-theme-assets/windows95/icons/gift.png?v=4");
--win95-icon-globe: url("/webapp-theme-assets/windows95/icons/globe.png?v=4");
--win95-icon-help: url("/webapp-theme-assets/windows95/icons/help.png?v=4");
--win95-icon-home: url("/webapp-theme-assets/windows95/icons/home.png?v=4");
--win95-icon-info: url("/webapp-theme-assets/windows95/icons/info.png?v=4");
--win95-icon-key: url("/webapp-theme-assets/windows95/icons/key.png?v=4");
--win95-icon-lock: url("/webapp-theme-assets/windows95/icons/lock.png?v=4");
--win95-icon-megaphone: url("/webapp-theme-assets/windows95/icons/megaphone.png?v=4");
--win95-icon-paintbrush: url("/webapp-theme-assets/windows95/icons/paintbrush.png?v=4");
--win95-icon-payment-card: url("/webapp-theme-assets/windows95/icons/payment-card.png?v=4");
--win95-icon-print: url("/webapp-theme-assets/windows95/icons/print.png?v=4");
--win95-icon-refresh: url("/webapp-theme-assets/windows95/icons/refresh.png?v=4");
--win95-icon-save: url("/webapp-theme-assets/windows95/icons/save.png?v=4");
--win95-icon-search: url("/webapp-theme-assets/windows95/icons/search.png?v=4");
--win95-icon-send: url("/webapp-theme-assets/windows95/icons/send.png?v=4");
--win95-icon-settings: url("/webapp-theme-assets/windows95/icons/settings.png?v=4");
--win95-icon-shield: url("/webapp-theme-assets/windows95/icons/shield.png?v=4");
--win95-icon-smartphone: url("/webapp-theme-assets/windows95/icons/smartphone.png?v=4");
--win95-icon-sliders: url("/webapp-theme-assets/windows95/icons/sliders.png?v=4");
--win95-icon-sparkles: url("/webapp-theme-assets/windows95/icons/sparkles.png?v=4");
--win95-icon-tag: url("/webapp-theme-assets/windows95/icons/tag.png?v=4");
--win95-icon-ticket: url("/webapp-theme-assets/windows95/icons/ticket.png?v=4");
--win95-icon-trash: url("/webapp-theme-assets/windows95/icons/trash.png?v=4");
--win95-icon-user: url("/webapp-theme-assets/windows95/icons/user.png?v=4");
--win95-icon-users: url("/webapp-theme-assets/windows95/icons/users.png?v=4");
--win95-icon-warning: url("/webapp-theme-assets/windows95/icons/warning.png?v=4");
--win95-icon-x: url("/webapp-theme-assets/windows95/icons/x.png?v=4");
}
.theme-key-windows95.app-shell {
@@ -423,13 +423,6 @@
font-synthesis: none;
}
.theme-key-windows95 .phone-screen {
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
linear-gradient(0deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
background-size: 8px 8px;
}
.theme-key-windows95 .card,
.theme-key-windows95 .period-card,
.theme-key-windows95 .method-card,
@@ -585,6 +578,31 @@
border-radius: 0;
}
.theme-key-windows95 .settings-profile {
padding-left: 14px;
}
.theme-key-windows95 .settings-profile-meta strong {
color: var(--accent);
}
.theme-key-windows95 .language-select-copy {
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
align-items: center;
gap: 8px;
}
.theme-key-windows95 .language-select-copy strong,
.theme-key-windows95 .language-select-current {
min-width: 0;
white-space: nowrap;
}
.theme-key-windows95 .language-select-current {
overflow: hidden;
text-overflow: ellipsis;
}
.theme-key-windows95 .language-select-item[data-highlighted],
.theme-key-windows95 .language-select-item[data-selected] {
background: var(--accent);
@@ -645,7 +663,8 @@
.theme-key-windows95 .admin-chip,
.theme-key-windows95 .admin-tabs-trigger,
.theme-key-windows95 .admin-revenue-period-btn,
.theme-key-windows95 .admin-mobile-toggle {
.theme-key-windows95 .admin-mobile-toggle,
.theme-key-windows95 .admin-language-trigger {
border: 2px solid;
border-color: #ffffff #404040 #404040 #ffffff;
border-radius: 0;
@@ -656,6 +675,37 @@
inset -1px -1px 0 #808080;
}
.theme-key-windows95 .admin-language-switch {
grid-template-columns: 18px minmax(0, 1fr);
}
.theme-key-windows95 .admin-language-trigger {
min-height: 34px;
height: auto;
}
.theme-key-windows95 .admin-language-trigger > span {
display: grid;
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
align-items: center;
gap: 8px;
}
.theme-key-windows95 .admin-language-trigger strong,
.theme-key-windows95 .admin-language-trigger small {
min-width: 0;
margin: 0;
white-space: nowrap;
}
.theme-key-windows95 .admin-language-trigger small {
display: inline-flex;
align-items: center;
gap: 5px;
overflow: hidden;
text-overflow: ellipsis;
}
.theme-key-windows95 .admin-nav-item:hover,
.theme-key-windows95 .admin-select-item[data-highlighted],
.theme-key-windows95 .admin-select-item:hover,
@@ -738,9 +788,10 @@
}
.theme-key-windows95 .admin-nav-item.active,
.theme-key-windows95 .admin-btn-primary,
.theme-key-windows95 .admin-tabs-trigger[data-state="active"],
.theme-key-windows95 .admin-revenue-period-btn.is-active {
.theme-key-windows95 .admin-revenue-period-btn.is-active,
.theme-key-windows95 .admin-btn:active:not(:disabled),
.theme-key-windows95 .admin-btn[aria-pressed="true"] {
border-color: #404040 #ffffff #ffffff #404040;
box-shadow:
inset 1px 1px 0 #000000,
bot/app/web/themes/windows95/theme.json
+1 -1
View File
@@ -9,7 +9,7 @@
"use_primary_accent": false,
"use_in_admin": true,
"css_file": "style.css",
"assets_version": 1,
"assets_version": 5,
"tokens": {
"color_scheme": "light",
"style_preset": "win95"
tests/test_webapp_themes_config.py
+2 -2
View File
@@ -33,7 +33,7 @@ class WebappThemesConfigTests(unittest.TestCase):
self.assertEqual(win95.tokens.style_preset, "win95")
self.assertFalse(win95.use_primary_accent)
self.assertTrue(win95.use_in_admin)
self.assertEqual(win95.assets_version, 3)
self.assertEqual(win95.assets_version, 5)
ascii_theme = cfg.theme_by_key("ascii")
self.assertIsNotNone(ascii_theme)
self.assertEqual(ascii_theme.css_file, "style.css")
@@ -380,7 +380,7 @@ class WebappThemesConfigTests(unittest.TestCase):
descriptor["assets_version"],
cfg.theme_by_key("windows95").assets_version,
)
self.assertEqual(descriptor["assets_version"], 3)
self.assertEqual(descriptor["assets_version"], 5)
self.assertIn("lucide-house", css)
self.assertIn("lucide-earth", css)
self.assertIn("lucide-circle-check", css)