diff --git a/src/styles/controlpanel/expaned-player.css b/src/styles/controlpanel/expaned-player.css index afd1dd2..d14bba7 100644 --- a/src/styles/controlpanel/expaned-player.css +++ b/src/styles/controlpanel/expaned-player.css @@ -1,109 +1,10 @@ -/* Apple-style seek bar for expanded player */ -#apple-seek-bar { - background-color: transparent; - margin-top: 8px; - margin-bottom: 4px; - min-height: 10px; -} - -#apple-seek-bar trough { - min-width: 28px; - min-height: 3px; - border-radius: 1.5px; - background-color: @fg-a30; - border: none; - box-shadow: inset 0 1px 1px @shadow-a10; -} - -#apple-seek-bar highlight { - background: @primary; - border-radius: 1.5px; - border: none; - box-shadow: 0 0 2px @primary-a40; -} - -#apple-seek-bar slider { - background: @foreground; - border: 1px solid @primary-a80; - border-radius: apply(radius-full); - min-width: 12px; - min-height: 12px; - margin: -4.5px; - box-shadow: - 0 1px 3px @shadow-a20, - 0 0 0 1px @fg-a80; - transition: all apply(transition-xfast) ease; -} - -#apple-seek-bar slider:hover { - background: @foreground; - border-color: @primary; - min-width: 14px; - min-height: 14px; - margin: -5.5px; - box-shadow: - 0 2px 6px @shadow-a25, - 0 0 0 2px @primary-a30; -} - -#apple-seek-bar slider:active { - background: @foreground; - min-width: 13px; - min-height: 13px; - margin: -5px; - box-shadow: - 0 1px 3px @shadow-a30, - 0 0 0 2px @primary-a50; -} - /* macOS-style expanded player - more compact */ #macos-outer-player-box { min-height: 80px; - /* Reduced height */ min-width: 345px; - /* Match the standard player width */ - /* margin: 10px; */ padding: 10px; - /* background-color: @shadow-a40; */ } -#macos-main-section { - margin-left: 5px; -} - -#macos-album-cover-image image { - min-width: 70px; - min-height: 70px; - border-radius: 9px; -} - -#macos-album-image { - min-width: 70px; - min-height: 70px; - border-radius: 9px; - background-position: center; - background-size: cover; - box-shadow: 0 2px 8px @shadow-a30; -} - -#macos-album-image-no { - min-width: 90px; - min-height: 90px; - border-radius: 9px; - margin-left: 12px; - background-position: center; - background-size: cover; - box-shadow: 0 2px 8px @shadow-a30; -} - -#macos-album-image image { - min-width: 70px; - min-height: 70px; - border-radius: 9px; - box-shadow: 0 2px 8px @shadow-a30; -} - -/* Track info container that expands to fill available space */ #macos-track-info { margin-top: 5px; margin-left: 15px; @@ -182,7 +83,6 @@ /* macOS control buttons - more compact */ #macos-button-box { margin-top: -1px; - /* Reduced top margin */ } #macos-control-button { @@ -190,11 +90,9 @@ border: none; border-radius: apply(radius-full); min-width: 28px; - /* Slightly smaller */ opacity: 0.7; min-height: 28px; padding: 5px; - /* Reduced padding */ color: @foreground; transition: all apply(transition-fast) ease; } @@ -208,11 +106,9 @@ border: none; border-radius: apply(radius-full); min-width: 36px; - /* Slightly smaller */ opacity: 0.7; min-height: 36px; padding: 7px; - /* Reduced padding */ color: @foreground; transition: all apply(transition-fast) ease; } @@ -224,19 +120,14 @@ /* macOS player switcher dots - compact horizontal layout */ #macos-stack-buttons-box { margin: 2px 5px; - /* Minimal margins */ } .macos-switcher-dot { background: @fg-a30; - /* border: none; */ border-radius: apply(radius-full); min-width: 12px; - /* Smaller dots */ min-height: 12px; margin: 2px; - /* Reduced margins */ - /* transition: all 0.2s ease; */ } .macos-switcher-dot:hover { @@ -246,8 +137,8 @@ .macos-switcher-dot.active { background: @foreground; box-shadow: 0 0 0 1px @fg-a30; - /* Smaller glow */ } + #expanded-seek-bar { background-color: transparent; margin: 8px 0 4px 0; diff --git a/src/styles/controlpanel/networks.css b/src/styles/controlpanel/networks.css index d7a342d..347ee67 100644 --- a/src/styles/controlpanel/networks.css +++ b/src/styles/controlpanel/networks.css @@ -4,22 +4,13 @@ font-weight: bold; } -#wifi-window, -#bluetooth-window { - background-color: @bg-a50; - border-radius: apply(radius-sm); -} - /* macOS-style WiFi interface */ #wifi-connections, #bluetooth-connections { - /* background-color: @fg-a08; */ background-color: @fg-a05; box-shadow: inset 0 0 0 1px alpha(@fg-a40, 0.4); border: 1px solid @outline-a40; border-radius: apply(radius-sm); - /* padding: 0.5rem; */ - /* border-radius: apply(radius-md); */ padding: 10px; } @@ -27,7 +18,6 @@ #wifi-network-slot button { border-radius: apply(radius-sm); padding: 4px 4px; - /* min-width: 280px; */ margin: 2px 0; } @@ -71,7 +61,6 @@ margin-bottom: -12px; margin-top: -6px; border-radius: apply(radius-sm); - /* transition: background-color 0.2s ease; */ } #wifi-other-button:hover { diff --git a/src/styles/controlpanel/per_app_volume.css b/src/styles/controlpanel/per_app_volume.css index c5217d7..751f6d1 100644 --- a/src/styles/controlpanel/per_app_volume.css +++ b/src/styles/controlpanel/per_app_volume.css @@ -11,42 +11,6 @@ min-width: 120px; } -#back-button { - padding: 8px 12px; - background-color: @fg-a10; - border-radius: apply(radius-sm); - border: none; - color: @foreground; - font-size: apply(font-md); - font-weight: 500; - transition: background-color apply(transition-medium) ease; -} - -#back-button:hover { - background-color: @fg-a18; -} - -.apple-app-volume-item { - margin: 3px 0; - padding: 16px; - background-color: @fg-a08; - border-radius: apply(radius-md); - border: 1px solid @fg-a12; - transition: background-color apply(transition-fast); -} - -.apple-app-volume-item:hover { - background-color: @fg-a12; -} - -.apple-app-name { - font-size: apply(font-base); - font-weight: 600; - color: @foreground; - margin-bottom: 4px; - letter-spacing: -0.01em; -} - .app-volume-item { margin: 8px 0; padding: 8px; @@ -106,10 +70,6 @@ margin-top: 8px; } -#compact-app-volume-slider scale { - margin-right: 8px; - padding-right: 8px; -} #app-volume-header { font-size: apply(font-lg); padding-left: 5px; diff --git a/src/styles/controlpanel/player.css b/src/styles/controlpanel/player.css index f9cd5e3..c853ac8 100644 --- a/src/styles/controlpanel/player.css +++ b/src/styles/controlpanel/player.css @@ -67,7 +67,6 @@ } #player-title-c { - /* margin-top: 18px; */ font-weight: bold; font-size: apply(font-base); } @@ -101,10 +100,6 @@ margin-bottom: 15px; } -.player-icon { - font-size: apply(font-lg); -} - .player-button { padding: 1px; } @@ -120,9 +115,6 @@ opacity: 0.9; } -#btn svg { - margin: 0 2px; -} .album-image-c { min-width: 50px; min-height: 50px; @@ -141,27 +133,3 @@ margin-left: 12px; border-radius: 9px; } - -#seek-bar slider { - background-image: none; - background-color: transparent; - padding: 0px; -} - -#seek-bar scale { - background-color: transparent; - margin-top: 10px; - border-radius: apply(radius-sm); -} - -#seek-bar trough { - min-width: 10px; - border-radius: apply(radius-full); - background-color: alpha(@bg-a80, 0.5); - border: 1px solid alpha(@bg-a95, 0.3); -} - -#seek-bar highlight { - background: @fg-a80; - border-radius: apply(radius-full); -} diff --git a/src/styles/controlpanel/quicksettings.css b/src/styles/controlpanel/quicksettings.css index 5c52ab9..616d983 100644 --- a/src/styles/controlpanel/quicksettings.css +++ b/src/styles/controlpanel/quicksettings.css @@ -20,16 +20,6 @@ font-weight: 500; color: @fg-a40; } -#bluetooth-widget-title { - font-size: apply(font-sm); - font-weight: 500; - color: @foreground; -} - -/* #bluetooth-widget-top { */ -/* padding-bottom: 10px; */ -/* border-bottom: 1px solid alpha(@fg-a80, 0.3); */ -/* } */ #device-icon { border-radius: apply(radius-full); @@ -40,14 +30,6 @@ background-color: @bg-a50; } -#devices-title { - color: @fg-a60; -} - -#device-icon.paired { - background-color: @fg-a60; -} - #device-icon.connected { background-color: @primary; } @@ -127,10 +109,6 @@ background-color: @fg-a25; } -.device-slot:hover { - background-color: @fg-a05; -} - .button-hovered { background-color: @fg-a10; } @@ -141,7 +119,6 @@ margin-right: 4px; } -#wifi-other-device label, #wifi-other-button label { font-size: apply(font-sm); font-weight: bold; @@ -182,5 +159,3 @@ padding: 0px 0 5px 0; min-width: 50px; } - -