From 6d398323aead4610ddf572f84c27e5f1ef051b79 Mon Sep 17 00:00:00 2001 From: Lars Gebhardt-Kusche Date: Mon, 8 Jun 2026 02:21:37 +0200 Subject: [PATCH] adsd --- public/assets/desktop/desktop.css | 23 +++++++- public/assets/desktop/skins/linux/skin.css | 61 +++++++++++++++++++++- src/Desktop/DesktopState.php | 2 +- 3 files changed, 82 insertions(+), 4 deletions(-) diff --git a/public/assets/desktop/desktop.css b/public/assets/desktop/desktop.css index b2b7a0ba..512140ca 100644 --- a/public/assets/desktop/desktop.css +++ b/public/assets/desktop/desktop.css @@ -147,8 +147,29 @@ h1 { } .desktop-icon-label { - display: block; + position: relative; + z-index: 0; + display: inline-block; + max-width: 100%; + padding: 3px 8px; + border-radius: 6px; font-size: 14px; + color: #ffffff; + line-height: 1.25; + text-shadow: none; + mix-blend-mode: difference; + isolation: isolate; +} + +.desktop-icon-label::before { + content: ""; + position: absolute; + inset: -2px -4px; + z-index: -1; + border-radius: 8px; + background: rgba(255, 255, 255, 0.18); + backdrop-filter: blur(8px) saturate(1.08); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); } .app-icon-image, diff --git a/public/assets/desktop/skins/linux/skin.css b/public/assets/desktop/skins/linux/skin.css index c163bc67..99753e66 100644 --- a/public/assets/desktop/skins/linux/skin.css +++ b/public/assets/desktop/skins/linux/skin.css @@ -11,7 +11,7 @@ body[data-skin="linux"] { --taskbar-width: 100%; --taskbar-radius: 0; --taskbar-justify: flex-start; - --shell-text: #eef4ee; + --shell-text: #f7fcf7; --card-bg: rgba(32, 42, 36, 0.22); --shell-border: rgba(206, 224, 213, 0.14); } @@ -31,10 +31,33 @@ body[data-skin="linux"] .start-button { min-width: 108px; border-radius: 4px; padding: 8px 12px; + color: #f8fff8; background: linear-gradient(180deg, rgba(132, 216, 166, 0.3), rgba(67, 123, 86, 0.36)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12); } +body[data-skin="linux"] .start-button-icon { + width: 20px; + height: 20px; + color: #c8ffd8; +} + +body[data-skin="linux"] .start-glyph-linux { + width: 16px; +} + +body[data-skin="linux"] .start-glyph-linux span { + width: 16px; + height: 3px; + background: linear-gradient(180deg, #d7ffe4, #8bd9a8); + box-shadow: 0 0 0 1px rgba(7, 15, 9, 0.18); +} + +body[data-skin="linux"] .start-button-label { + font-weight: 700; + letter-spacing: 0.01em; +} + body[data-skin="linux"] .start-menu { left: 0; bottom: 42px; @@ -46,6 +69,7 @@ body[data-skin="linux"] .start-menu { border-radius: 8px 8px 0 0; background: linear-gradient(180deg, rgba(46, 52, 48, 0.98), rgba(28, 32, 30, 0.99)); box-shadow: 0 -14px 32px rgba(0, 0, 0, 0.22); + color: #f4fbf4; } body[data-skin="linux"] .start-menu::before { @@ -59,6 +83,7 @@ body[data-skin="linux"] .start-menu-header { body[data-skin="linux"] .start-menu-header h2 { font-size: 20px; font-weight: 600; + color: #f7fff7; } body[data-skin="linux"] .start-menu-column:first-of-type { @@ -66,10 +91,26 @@ body[data-skin="linux"] .start-menu-column:first-of-type { border-right: 1px solid rgba(255, 255, 255, 0.08); } +body[data-skin="linux"] .start-menu .eyebrow { + color: rgba(223, 241, 225, 0.82); + opacity: 1; +} + body[data-skin="linux"] .start-menu-entry { grid-template-columns: 38px minmax(0, 1fr) auto; padding: 10px 12px; border-radius: 8px; + color: #f5fbf6; + background: rgba(255, 255, 255, 0.09); + border-color: rgba(255, 255, 255, 0.08); +} + +body[data-skin="linux"] .start-menu-entry strong { + color: #fbfffb; +} + +body[data-skin="linux"] .start-menu-entry small { + color: rgba(229, 242, 231, 0.82); } body[data-skin="linux"] .start-menu-entry-badge, @@ -77,6 +118,8 @@ body[data-skin="linux"] .start-menu-entry-toggle { min-width: 28px; height: 28px; border-radius: 6px; + color: #f4fbf4; + background: rgba(9, 18, 11, 0.24); } body[data-skin="linux"] .window { @@ -122,6 +165,7 @@ body[data-skin="linux"] .taskbar-app-button { border-radius: 4px; min-width: 136px; padding: 7px 10px; + color: #eff8ef; background: rgba(255, 255, 255, 0.08); } @@ -140,17 +184,30 @@ body[data-skin="linux"] .taskbar-app-button-badge { body[data-skin="linux"] .tray { margin-left: auto; gap: 6px; + color: #eff8ef; } body[data-skin="linux"] .tray-pill { padding: 6px 8px; border-radius: 4px; - background: rgba(255, 255, 255, 0.06); + color: #f3fbf3; + background: rgba(255, 255, 255, 0.1); +} + +body[data-skin="linux"] .tray-skin-button { + color: #f3fbf3; + background: rgba(255, 255, 255, 0.12); } body[data-skin="linux"] .widget-card { border-radius: 12px; background: rgba(29, 40, 34, 0.3); + color: #f4fbf4; +} + +body[data-skin="linux"] .widget-card h3, +body[data-skin="linux"] .widget-card p { + color: inherit; } body[data-skin="linux"] .desktop-icon { diff --git a/src/Desktop/DesktopState.php b/src/Desktop/DesktopState.php index 77a16437..c201661f 100644 --- a/src/Desktop/DesktopState.php +++ b/src/Desktop/DesktopState.php @@ -24,7 +24,7 @@ final class DesktopState */ public static function defaultWidgetIds(): array { - return ['public-home', 'personal-links', 'system-status']; + return []; } /**