diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/config.yaml b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/config.yaml
index 41735c1..27d5f4d 100644
--- a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/config.yaml
+++ b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/config.yaml
@@ -16,8 +16,8 @@ bars:
position: "top"
center: false
blur_effect:
- enabled: false
- acrylic: false
+ enabled: true
+ acrylic: true
dark_mode: true
round_corners: false
border_color: None
@@ -36,20 +36,134 @@ bars:
left:
[
"komorebi_control",
+ "update_check",
"komorebi_workspaces",
- "cava",
- "media"
+ "language",
+ "media",
+ "cava"
]
center: ["clock"]
right:
[
- "grouped_widgets",
+ "hardware_widget",
"volume",
"github",
"notes",
+ "launchpad",
"power_menu"
]
widgets:
+ traffic:
+ type: "yasb.traffic.TrafficWidget"
+ options:
+ label: "\ueab4 {download_speed} | \ueab7 {upload_speed}"
+ label_alt: "Download {download_speed} | Upload {upload_speed}"
+ update_interval: 5000
+ menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ alignment: "left"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ callbacks:
+ on_left: "toggle_menu"
+ on_right: "toggle_label"
+ label_shadow:
+ enabled: true
+ color: "black"
+ radius: 3
+ offset: [ 1, 1 ]
+ update_check:
+ type: "yasb.update_check.UpdateCheckWidget"
+ options:
+ winget_update:
+ enabled: true
+ label: "\uf0ab {count}"
+ interval: 60
+ exclude: []
+ label_shadow:
+ enabled: true
+ color: "black"
+ radius: 3
+ offset: [ 1, 1 ]
+ launchpad:
+ type: "yasb.launchpad.LaunchpadWidget"
+ options:
+ label: "\udb85\udcde"
+ search_placeholder: "Search apps..."
+ app_icon_size: 48
+ window:
+ fullscreen: false
+ width: 1024
+ height: 768
+ overlay_block: true
+ window_style:
+ enable_blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ window_animation:
+ fade_in_duration: 120
+ fade_out_duration: 100
+ group_apps: false
+ callbacks:
+ on_left: "toggle_launchpad"
+ app_title_shadow:
+ enabled: true
+ color: "#00000090"
+ offset: [1, 1]
+ radius: 2
+ app_icon_shadow:
+ enabled: true
+ color: "#00000090"
+ offset: [0, 2]
+ radius: 8
+ disk:
+ type: "yasb.disk.DiskWidget"
+ options:
+ label: "\uf473"
+ label_alt: "\uf473"
+ group_label:
+ volume_labels: ["C", "D", "E", "F"]
+ show_label_name: true
+ blur: True
+ round_corners: True
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ distance: 6
+ callbacks:
+ on_left: "toggle_group"
+ language:
+ type: "yasb.language.LanguageWidget"
+ options:
+ label: "\uf11c {lang[language_code]} ({lang[country_code]})"
+ label_alt: "{lang[full_name]}"
+ update_interval: 5
+ callbacks:
+ on_left: "toggle_menu"
+ on_middle: "do_nothing"
+ on_right: "toggle_label"
+ language_menu:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "system"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ show_layout_icon: true
+ layout_icon: "\uf11c"
+ label_shadow:
+ enabled: true
+ color: "black"
+ radius: 3
+ offset: [ 1, 1 ]
cava:
type: "yasb.cava.CavaWidget"
options:
@@ -65,7 +179,7 @@ widgets:
bar_width: 4
bar_type: "bars"
framerate: 60
- hide_empty: false
+ hide_empty: true
komorebi_control:
type: "komorebi.control.KomorebiControlWidget"
options:
@@ -153,26 +267,34 @@ widgets:
memory:
type: "yasb.memory.MemoryWidget"
options:
- label: "MEM"
+ label: "{virtual_mem_free}/{virtual_mem_total}"
label_alt: "VIRT: {virtual_mem_percent}% SWAP: {swap_mem_percent}%"
update_interval: 5000
progress_bar:
enabled: true
+ position: "left"
size: 14
thickness: 2
color: "#91d7e3"
background_color: "#242739"
callbacks:
on_left: "toggle_label"
+ on_middle: "do_nothing"
+ on_right: "do_nothing"
memory_thresholds:
low: 25
medium: 50
high: 90
+ label_shadow:
+ enabled: true
+ color: "black"
+ radius: 3
+ offset: [ 1, 1 ]
cpu:
type: "yasb.cpu.CpuWidget"
options:
label: "CPU"
- label_alt: "CPU {info[percent][total]:.0f}%"
+ label_alt: "CPU {info[percent][total]}%"
progress_bar:
enabled: true
position: "left"
@@ -183,14 +305,15 @@ widgets:
update_interval: 2000
callbacks:
on_right: "do_nothing"
- grouped_widgets:
+ hardware_widget:
type: "yasb.grouper.GrouperWidget"
options:
- class_name: "grouped-widgets"
+ class_name: "hardware-widget"
widgets: [
"memory",
"cpu",
- "weather",
+ "traffic",
+ "disk"
]
container_padding:
top: 0
@@ -202,14 +325,14 @@ widgets:
options:
label: "\ueba1"
label_alt: "Notifications {data}"
- token: ghp_xxxxxxxxxxxxxxxxxxxxxx # GitHub Personal access tokens (classic) https://github.com/settings/tokens
+ token: env # GitHub Personal access tokens (classic) https://github.com/settings/tokens
max_notification: 50
notification_dot:
enabled: True
corner: "bottom_left"
color: "red"
margin: [ 1, 1 ]
- only_unread: false
+ only_unread: true
show_comment_count: false
reason_filters: []
max_field_size: 54
@@ -221,7 +344,7 @@ widgets:
border_color: "System"
alignment: "right"
direction: "down"
- show_categories: false
+ show_categories: true
categories_order: ["PullRequest", "Issue", "CheckSuite", "Release", "Discussion"]
label_shadow:
enabled: True
@@ -231,7 +354,7 @@ widgets:
media:
type: "yasb.media.MediaWidget"
options:
- label: "\uf001 {title}"
+ label: "\uf001"
label_alt: "\udb80\udf87 {title}"
hide_empty: true
callbacks:
@@ -251,10 +374,9 @@ widgets:
scrolling_label:
enabled: false
update_interval_ms: 100
- style: "left" # can be "left", "right", "bounce", "bounce-ease"
+ style: "left"
separator: " | "
label_padding: 0
- # Easing curve params: https://www.desmos.com/calculator/j7eamemxzi
ease_slope: 20
ease_pos: 0.8
ease_min: 0.5
@@ -313,70 +435,62 @@ widgets:
color: "black"
radius: 1
offset: [ 1, 1 ]
- weather:
- type: "yasb.weather.WeatherWidget"
+ volume:
+ type: "yasb.volume.VolumeWidget"
options:
- label: "{icon} {temp}" # - {location}
- label_alt: "{icon} {location}: {conditions}, {temp}" # Min {min_temp}, Max {max_temp}, Humidity {humidity}"
- api_key: "YOUR_API_KEY" # Get your free API key from https://www.weatherapi.com/
- update_interval: 300
- hide_decimal: true
- location: "Adelaide" # You can use "USA Los Angeles 90006" {COUNTRY CITY ZIP_CODE}, or just city.
- units: "metric" # Can be 'metric' or 'imperial'
- callbacks:
- on_left: "toggle_card"
- on_right: "toggle_label"
- icons:
- sunnyDay: "\udb81\udd99"
- clearNight: "\ue3c2"
- cloudyDay: "\ue21d"
- cloudyNight: "\ue226"
- rainyDay: "\ue371"
- rainyNight: "\ue371"
- snowyDay: "\udb81\udf17"
- snowyNight: "\udb81\udf17"
- blizzardDay: "\udb81\udd99"
- default: "\udb81\udd99"
- weather_card:
- show_hourly_forecast: true
+ label: "{icon} {level}"
+ label_alt: "{volume}"
+ volume_icons:
+ - "\ueee8"
+ - "\uf026"
+ - "\uf027"
+ - "\uf027"
+ - "\uf028"
+ audio_menu:
blur: true
round_corners: true
- round_corners_type: "small"
+ round_corners_type: "normal"
border_color: "system"
- alignment: "center"
+ alignment: "right"
direction: "down"
offset_top: 6
- icon_size: 48
+ offset_left: 0
+ show_apps: true
+ show_app_labels: false
+ show_app_icons: true
+ show_apps_expanded: false
+ app_icons:
+ toggle_down: "\uf078"
+ toggle_up: "\uf077"
+ callbacks:
+ on_left: "toggle_volume_menu"
+ on_right: "toggle_mute"
label_shadow:
- enabled: false
+ enabled: true
color: "black"
- radius: 1
+ radius: 3
offset: [ 1, 1 ]
- volume:
- type: "yasb.volume.VolumeWidget"
- options:
- label: "{level}"
- label_alt: "{volume}"
- progress_bar:
- enabled: true
- position: "left"
- size: 14
- thickness: 2
- color: "#91d7e3"
- background_color: "#242739"
- callbacks:
- on_right: "exec cmd.exe /c start ms-settings:sound"
power_menu:
- type: "yasb.power_menu.PowerMenuWidget"
- options:
- label: "\uf011"
- uptime: True
- blur: True
- blur_background: True
- animation_duration: 250 # Milisecond
- button_row: 5 # Number of buttons in row, min 1 max 5
- buttons:
- shutdown: ["\uf011","Shut Down"]
- restart: ["\uead2","Restart"]
- signout: ["\udb80\udf43","Sign out"]
- cancel: ["\udb81\udf3a","Cancel"]
+ type: "yasb.power_menu.PowerMenuWidget"
+ options:
+ label: "\uf011"
+ uptime: true
+ show_user: true
+ menu_style: "popup"
+ popup:
+ blur: true
+ round_corners: true
+ round_corners_type: "normal"
+ border_color: "System"
+ alignment: "right"
+ direction: "down"
+ offset_top: 6
+ offset_left: 0
+ buttons:
+ shutdown: ["\uf011", "Shut Down"]
+ restart: ["\uead2", "Restart"]
+ sleep: ["\u23fe", "Sleep"]
+ signout: ["\udb80\udf43", "Sign out"]
+ lock: ["\uea75", "Lock"]
+ hibernate: ["\uf28e", "Hibernate"]
+ cancel: ["", "Cancel"]
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/image.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/image.png
index a3fc556..ba7c787 100644
Binary files a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/image.png and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/image.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/bar.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/bar.png
new file mode 100644
index 0000000..ba7c787
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/bar.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/controlKomebri.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/controlKomebri.png
new file mode 100644
index 0000000..58b79bd
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/controlKomebri.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/disks.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/disks.png
new file mode 100644
index 0000000..c62fd4d
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/disks.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/github.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/github.png
new file mode 100644
index 0000000..1665eea
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/github.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/launchpad.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/launchpad.png
new file mode 100644
index 0000000..17a481c
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/launchpad.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/notes.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/notes.png
new file mode 100644
index 0000000..a00edd7
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/notes.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/traffic.png b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/traffic.png
new file mode 100644
index 0000000..5fb6355
Binary files /dev/null and b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/images/traffic.png differ
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/readme.md b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/readme.md
index f2f952d..74c722f 100644
--- a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/readme.md
+++ b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/readme.md
@@ -1,12 +1,27 @@
# IlyaTheme YASB
-
Ilya theme for YASB!
-
+# Gallery
+
+
+
-## Changelog
-### 1.1
+# Changelog
+### 1.2 (RECODE)
+ - The IlyaTheme is in recode and now... its ended
+ - Changed CPU, Memory, Notes, Media, Volume.
+ - Added Traffic, Disk, Lauguage, Update Check (only winget), Launchpad.
+### 1.1 (Small Update)
- Removed home
- Added cava, komorebi, transparency.
-### 1.0
-- Relased!
+### 1.0 (Relase)
+- IlyaTheme now in YASB library!
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/styles.css b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/styles.css
index 1dbbdbe..48078f0 100644
--- a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/styles.css
+++ b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/styles.css
@@ -7,67 +7,122 @@
padding: 0;
}
.yasb-bar {
- padding: 0 8px;
- margin: 0;
- background-color: rgba(35, 35, 35, 0.01);
+ padding: 2px 4px;
+ background: rgba(20, 20, 30, 0.01);
+ backdrop-filter: blur(10px);
}
.widget {
padding: 0 10px;
- margin: 0;
+ margin: 0 2px;
+ transition: all 0.2s ease;
}
-.widget .label {
- padding: 2px 2px 1px 2px;
+.widget:hover {
+ color: #89dceb;
}
-.widget .label.alt {
- padding: 1px 8px 1px 8px;
+.widget .label { padding: 2px 2px 1px 2px; }
+.widget .label.alt { padding: 1px 8px 1px 8px; }
+.clock-widget .label { padding-left: 8px;}
+
+/* POWER */
+.power-menu-widget .label {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ padding-left: 5px;
+ padding-right: 5px;
+ color: #f38ba8;
+ font-size: 13px;
+}
+.power-menu-compact {
+ min-width: 260px;
+ background-color: rgba(55, 58, 65, 0.6);
+}
+.power-menu-compact .profile-info { padding: 12px 0 24px 0; }
+
+.power-menu-compact .profile-info .profile-username {
+ font-size: 16px;
+ font-weight: 600;
+ color: #e0e3ee;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ margin-top: 4px;
}
-.clock-widget .label {
- padding-left:8px;
+
+.power-menu-compact .profile-info .profile-account-type {
+ font-size: 12px;
+ color: #ffffff;
+ font-weight: 600;
+ margin-top: 8px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ background-color: #74b0ff;
+ padding: 2px 6px;
+ border-radius: 6px;
}
-/* POWER MENU WIDGET */
-.uptime { /* UPTIME */
- font-size: 14px;
- margin-bottom: 10px;
- color: rgb(255, 255, 255);
- font-weight: 600;
- font-family: "JetBrains Mono";
+.power-menu-compact .profile-info .profile-email {
+ font-size: 13px;
+ color: rgba(205, 214, 244, 0.6);
+ margin-top: 2px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}
-.power-menu-widget .label {
- color: #eba0ac;
- font-size: 16px;
+
+.power-menu-compact .manage-accounts {
+ font-size: 12px;
+ background-color: rgba(255, 255, 255, 0.08);
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ padding: 2px 8px;
+ margin-top: 16px;
+ border-radius: 6px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
}
-.power-menu-popup .button {
- padding: 0;
- width: 160px;
- height: 240px;
- border-radius: 4px;
- background-color: rgba(41, 42, 58, 0.75);
- font-family: "JetBrains Mono";
- color: white;
- border: 4px solid rgba(255, 255, 255, 0);
-}
-.power-menu-popup .button.hover {
- background-color: rgb(55, 56, 75);
- border: 4px solid rgb(55, 56, 75);
-}
-.power-menu-popup .button .label {
- margin-bottom: 8px;
- font-size: 16px;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.6);
- font-family: "JetBrains Mono";
+
+.power-menu-compact .buttons {
+ background-color: rgba(255, 255, 255, 0.05);
+ margin: 0 12px 12px 12px;
+ border-radius: 8px;
}
-.power-menu-popup .button .icon {
- font-size: 64px;
- padding-top: 54px;
- color: rgba(255, 255, 255, 0.25);
+
+.power-menu-compact .button {
+ padding: 8px 16px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
}
-.power-menu-popup .button.cancel .icon {
- color: rgba(243, 139, 168, 0.55);
+
+.power-menu-compact .button.hover {
+ background-color: rgba(137, 180, 250, 0.2);
+ transition: all 0.2s ease;
+}
+
+.power-menu-compact .button.lock.hover {
+ border-top-right-radius: 8px;
+ border-top-left-radius: 8px;
+}
+
+.power-menu-compact .button.shutdown.hover {
+ border-bottom-right-radius: 8px;
+ border-bottom-left-radius: 8px;
+}
+
+.power-menu-compact .button .icon {
+ font-size: 14px;
+ color: rgba(255, 255, 255, 0.4);
+ padding-right: 10px;
+ min-width: 20px;
+}
+
+.power-menu-compact .button .label {
+ font-size: 13px;
+ font-weight: 500;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ color: #bebec0;
}
-.power-menu-popup .button.cancel .label {
- color: rgba(243, 139, 168, 0.95);
+
+.power-menu-compact .icon.hover,
+.power-menu-compact .label.hover {
+ color: #ffffff;
}
/* ICONS */
@@ -79,28 +134,430 @@
margin: 1px 2px 0 0;
}
-/* WEATHER WIDGET */
-.weather-widget .icon {
- font-size: 16px;
- margin: 0 2px 0px 0;
+/* LAUNCHPAD */
+.launchpad-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+.launchpad-widget .icon {
+ font-size: 16px;
+ color: #89b4fa;
}
-.weather-widget .icon.sunnyDay {
- color: rgb(221, 210, 107);
+
+/* Launchpad context menu style */
+.launchpad .context-menu {
+ background-color: #202020;
+ border: none;
+ border-radius: 6px;
+ padding: 4px 0px;
+ font-family: 'Segoe UI';
+ font-size: 12px;
+ color: #FFFFFF;
+ font-weight: 600
}
-.weather-widget .icon.clearNight {
- color: rgb(107, 189, 221);
- font-size: 18px;
- margin: -1px 2px 0px 0;
+.launchpad .context-menu::item {
+ background-color: transparent;
+ padding: 6px 12px;
+ margin: 2px 6px;
+ border-radius: 4px;
+ min-width: 100px;
}
-.weather-widget .icon.rainyNight {
- font-size: 16px;
+.launchpad .context-menu::item:selected {
+ background-color: #3a3a3a;
+ color: #FFFFFF;
}
-.weather-widget .icon.cloudyDay {
+.launchpad .context-menu::item:pressed {
+ background-color: #3A3A3A;
+}
+.launchpad .context-menu::separator {
+ height: 1px;
+ background-color: #404040;
+ margin: 4px 8px;
+}
+.launchpad .context-menu::item:disabled {
+ color: #666666;
+ background-color: transparent;
+}
+
+/* Launchpad App dialog style */
+.launchpad .app-dialog {
+ font-family: 'Segoe UI';
+ background-color: #202020;
+}
+.launchpad .app-dialog .buttons-container {
+ background-color: #171717;
+ margin-top: 16px;
+ border-top: 1px solid #000;
+ max-height: 80px;
+ min-height: 80px;
+ padding: 0 20px 0 20px;
+}
+.launchpad .app-dialog .message {
+ color: #FFFFFF;
+ font-family: 'Segoe UI';
+ font-size: 12px;
+ font-weight: 600;
+ padding: 10px 0
+}
+.launchpad .app-dialog .title-field,
+.launchpad .app-dialog .path-field,
+.launchpad .app-dialog .icon-field,
+.launchpad .app-dialog .group-field{
+ background-color: #181818;
+ border: 1px solid #303030;
+ border-radius: 4px;
+ padding: 0 6px;
+ font-family: 'Segoe UI';
+ font-size: 12px;
+ font-weight: 600;
+ color: #FFFFFF;
+ margin: 10px 0px 5px 0;
+ min-height: 30px;
+}
+.launchpad .app-dialog .title-field:focus,
+.launchpad .app-dialog .path-field:focus,
+.launchpad .app-dialog .icon-field:focus {
+ border-bottom-color: #4cc2ff;
+}
+.launchpad .app-dialog .button {
+ background-color: #2d2d2d;
+ border: none;
+ border-radius: 4px;
+ font-family: 'Segoe UI';
+ font-size: 12px;
+ font-weight: 600;
+ color: #FFFFFF;
+ min-width: 80px;
+ padding: 0 6px;
+ margin: 10px 0 5px 6px;
+ min-height: 28px;
+ outline: none;
+}
+.launchpad .app-dialog .buttons-container .button {
+ margin: 10px 0 5px 0px;
+ font-size: 13px;
+}
+.launchpad .app-dialog .button:focus {
+ border: 2px solid #adadad;
+}
+.launchpad .app-dialog .button:focus,
+.launchpad .app-dialog .button:hover {
+ background-color: #4A4A4A;
+}
+.launchpad .app-dialog .button:pressed {
+ background-color: #3A3A3A;
+}
+.launchpad .app-dialog .button.add,
+.launchpad .app-dialog .button.save {
+ background-color: #0078D4;
+}
+.launchpad .app-dialog .button.add:focus,
+.launchpad .app-dialog .button.save:focus,
+.launchpad .app-dialog .button.add:hover,
+.launchpad .app-dialog .button.save:hover {
+ background-color: #0066B2;
+}
+.launchpad .app-dialog .button.add:pressed,
+.launchpad .app-dialog .button.save:pressed {
+ background-color: #00509E;
+}
+.launchpad .app-dialog .button.delete {
+ background-color: #bd2d14;
+}
+.launchpad .app-dialog .button.delete:focus,
+.launchpad .app-dialog .button.delete:hover {
+ background-color: #b30f00;
+}
+.launchpad .app-dialog .button.delete:pressed {
+ background-color: #a00b00;
+}
+.launchpad .app-dialog .warning-message {
+ background-color: #2b0b0e;
+ border: 1px solid #5a303c;
+ border-radius: 4px;
+ color: #cc9b9f;
+ font-family: 'Segoe UI';
+ font-size: 12px;
+ font-weight: 600;
+ padding: 8px 12px;
+ margin: 4px 0px;
+}
+/* Launchpad popup style */
+.launchpad .drop-overlay {
+ background-color: rgba(24, 25, 27, 0.8);
+ border:4px dashed #3c80ff;
+}
+.launchpad .drop-overlay .text {
+ color: #ffffff;
+ font-family: 'Segoe UI';
+ font-size: 64px;
+ font-weight: 600;
+ text-transform: uppercase;
+}
+.launchpad .launchpad-container {
+ background-color: rgba(24, 25, 27, 0.8);
+}
+.launchpad .search-container {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+ background-color:rgba(0, 0, 0, 0.3);
+ min-height: 80px;
+ margin: 0;
+ padding: 0
+}
+.launchpad .search-input {
+ max-width: 400px;
+ padding: 8px 12px;
+ font-size: 14px;
+ min-height: 24px;
+ max-height: 24px;
+ font-family: 'Segoe UI';
+ border-radius: 20px;
+ border: 2px solid rgb(53, 54, 56);
+ background-color: rgba(0, 0, 0, 0.507);
+ color: #a6adc8;
+}
+.launchpad .search-input:focus {
+ border: 2px solid rgb(22, 114, 190);
+ background-color: rgba(255, 255, 255, 0.05);
+}
+.launchpad .launchpad-scroll-area {
+ background-color: transparent;
+ border: none;
+}
+.launchpad .app-icon {
+ background-color: rgba(102, 10, 10, 0);
+ border-radius: 12px;
+ border: 2px solid rgba(112, 76, 32, 0);
+ padding-top: 10px;
+ margin: 24px 6px 6px 6px;
+ max-width: 110px;
+ min-width: 110px;
+ min-height: 110px;
+ max-height: 110px;
+}
+.launchpad .app-icon:focus {
+ border: 2px solid #89b4fa;
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.launchpad .app-icon:hover {
+ border: 2px solid #89b4fa;
+ background-color: rgba(255, 255, 255, 0.13);
+}
+.launchpad .app-icon .title {
+ color: #a6adc8;
+ font-family: 'Segoe UI';
+ font-size: 14px;
+ margin-top: 2px;
+ font-weight: 600
+}
+/* App icon .launchpad .app-icon or URL icon .launchpad .app-icon.url */
+.launchpad .app-icon.url .title{
+ color: #52f1d2;
+}
+.launchpad .app-icon .icon {
+ padding: 0;
+ margin: 0
+}
+
+/* Group icon styling */
+.launchpad .group-icon {
+ background-color: rgba(102, 10, 10, 0);
+ border-radius: 12px;
+ border: 2px solid rgba(112, 76, 32, 0);
+ padding-top: 10px;
+ margin: 24px 6px 6px 6px;
+ max-width: 110px;
+ min-width: 110px;
+ min-height: 110px;
+ max-height: 110px;
+}
+.launchpad .group-icon:focus {
+ border: 2px solid #89b4fa;
+ background-color: rgba(255, 255, 255, 0.06);
+}
+.launchpad .group-icon:hover {
+ border: 2px solid #89b4fa;
+ background-color: rgba(255, 255, 255, 0.13);
+}
+.launchpad .group-icon .group-icon-container {
+ background-color: rgb(39, 40, 43);
+ border: 1px solid rgb(47, 49, 53);
+ border-radius: 8px;
+}
+.launchpad .group-icon .title {
+ color: #a6adc8;
+ font-family: 'Segoe UI';
+ font-size: 14px;
+ margin-top: 2px;
+ font-weight: 600;
+}
+
+/* Per-group styling
+ Each group gets a class based on its group name:
+ - Lowercase conversion
+ - Spaces replaced with hyphens
+ Examples:
+ - "Browsers" group → .browsers
+ - "My Apps" group → .my-apps
+ - "Work Tools" group → .work-tools
+*/
+.launchpad .group-icon .group-icon-container.browser {
+ background-color: rgb(33, 47, 71);
+ border-color: rgb(34, 57, 94);
+}
+
+/* Back button when inside a group */
+.launchpad .group-back-button {
+ background-color: transparent;
+ border: none;
+ color: rgba(255, 255, 255, 0.8);
font-size: 18px;
- color: rgb(221, 210, 107);
+ font-family: "Segoe UI";
+ font-weight: 400;
+ text-align: left;
+ padding: 0 32px;
+}
+.launchpad .group-back-button:hover {
+ color: #ffffff;
+}
+
+/* DISK */
+.disk-widget {
+ padding: 0 6px 0 6px;
+}
+.disk-group {
+ background-color:rgba(17, 17, 27, 0.4);
+}
+.disk-group-row {
+ min-width: 220px;
+ max-width: 220px;
+ max-height: 40px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+ border: 1px solid rgba(128, 128, 128, 0);
+}
+.disk-group-row:hover {
+ background-color: rgba(137, 180, 250, 0.15);
+ border: 1px solid rgba(137, 180, 250, 0.3);
+}
+.disk-group-label-bar{
+ max-height:8px;
+ border:0px solid rgba(128, 128, 128, 0);
+ background-color: rgba(137, 180, 250, 0.1);
+ border-radius: 4px;
+}
+.disk-group-label-bar::chunk{
+ background-color: #74b0ff;
+ border-radius: 4px;
+}
+.disk-group-label {
+ font-size: 10px;
+}
+.disk-group-label-size {
+ font-size: 10px;
+ color: #666879;
+}
+
+/* LANGUAGE */
+.language-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+
+.language-menu {
+ background-color: rgba(17, 17, 27, 0.4);
+ min-width: 300px;
+}
+.language-menu .header {
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-size: 14px;
+ font-weight: 600;
+ margin-bottom: 2px;
+ padding: 12px;
+ background-color: rgba(17, 17, 27, 0.6);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+.language-menu .footer {
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ padding: 12px;
+ margin-top: 2px;
+ color: #9399b2;
+ background-color: rgba(17, 17, 27, 0.6);
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+.language-menu .footer:hover {
+ background-color: rgba(137, 180, 250, 0.15);
+ color: #89dceb;
+ transition: all 0.2s ease;
}
-.weather-widget .icon.rainyDay {
- color: rgb(245, 224, 220)
+.language-menu .language-item {
+ padding: 6px 12px;
+ margin: 2px 4px;
+}
+.language-menu .language-item.active {
+ background-color:rgba(255, 255, 255, 0.1);
+ border-radius: 4px;
+}
+.language-menu .language-item:hover {
+ background-color: rgba(166, 227, 161, 0.15);
+ transition: all 0.2s ease;
+}
+.language-menu .language-item.active:hover {
+ background-color: rgba(137, 180, 250, 0.2);
+ border-radius: 4px;
+}
+.language-menu .language-item .code {
+ font-weight: 900;
+ font-size: 14px;
+ min-width: 40px;
+ text-transform: uppercase;
+}
+.language-menu .language-item .icon {
+ font-size: 16px;
+ margin-right: 8px;
+ color: #fff;
+}
+.language-menu .language-item .name {
+ font-weight: 600;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-size: 14px;
+}
+.language-menu .language-item .layout {
+ font-weight: 600;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-size: 12px;
+}
+
+/* HARDWARE */
+.hardware-widget .container {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 10px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+
+.hardware-widget .grouper-button {
+ font-size: 12px;
+ color: #a2b1c7;
+ background-color: transparent;
+ border: none;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+.hardware-widget .grouper-button:hover {
+ color: #89dceb;
+ background-color: rgba(255, 255, 255, 0.08);
}
/* MEDIA */
@@ -109,15 +566,20 @@
margin: 0;
}
.media-widget .label {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
color: #ffffff;
padding: 0px;
padding-left: 10px;
- padding-right: 4px;
+ padding-right: 10px;
}
-.media-menu .btn, .media-menu .title, .media-menu .artist { padding-left: 10px; font-family: 'JetBrains Mono'; }
+.media-menu .btn, .media-menu .title, .media-menu .artist { padding-left: 10px; font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif; }
-.media-menu .btn.prev:hover, .media-menu .btn.next:hover { color: #ffc400; }
+.media-menu .btn.prev:hover, .media-menu .btn.next:hover { color: #f38ba8; }
.media-menu .source {
font-size: 11px;
@@ -127,17 +589,19 @@
background-color: #bac2de;
padding: 2px 4px;
font-weight: 600;
- font-family: 'JetBrains Mono';
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
margin-bottom: 10px;
}
/* GITHUB */
.github-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
color: #fff;
}
-.github-widget .icon:hover {
- color: #0091ff;
-}
.github-menu {
background-color: rgba(17, 17, 27, 0.2);
max-height: 500px;
@@ -148,7 +612,7 @@
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 15px;
font-weight: 400;
- font-family: 'Segoe UI';
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
padding: 8px;
color: white;
background-color: rgba(17, 17, 27, 0.75);
@@ -160,7 +624,7 @@
}
.github-menu .footer .label{
font-size: 12px;
- font-family: 'Segoe UI';
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
color: #9399b2;
}
.github-menu .contents {
@@ -172,13 +636,14 @@
border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}
.github-menu .contents .item:hover {
- background-color: rgba(255, 255, 255, 0.05);
- border-bottom: 1px solid rgba(255, 255, 255, 0);
+ background-color: rgba(166, 227, 161, 0.1);
+ border-bottom: 1px solid rgba(166, 227, 161, 0.2);
+ transition: all 0.2s ease;
}
.github-menu .contents .item .title,
.github-menu .contents .item .description {
color: #9399b2;
- font-family: Segoe UI;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
}
.github-menu .contents .item .title {
font-size: 14px;
@@ -203,6 +668,13 @@
color: #3fb950;
}
/* KOMOREBI */
+.komorebi-control-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
.komorebi-control-widget .label {
font-size: 14px;
color: #cdd6f4;
@@ -217,10 +689,17 @@
font-size: 32px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.04);
+ transition: all 0.2s ease;
+}
+
+.komorebi-control-menu .button:hover {
+ color: rgba(166, 227, 161, 0.8);
+ background-color: rgba(166, 227, 161, 0.1);
}
+
.komorebi-control-menu .button.active {
color: rgb(228, 228, 228);
- background-color: rgba(255, 255, 255, 0.04);
+ background-color: rgba(137, 180, 250, 0.15);
}
.komorebi-control-menu .button:disabled,
.komorebi-control-menu .button.active:disabled {
@@ -231,50 +710,702 @@
font-size: 12px;
color: #6c7086;
}
-/* SYSTEMINFO GROUPER */
-.grouped-widgets .container {
- background-color: rgba(35, 35, 35, 0.1);
- margin: 4px 0 4px 0;
+
+/* MEMORY */
+.memory-widget {
+ padding: 0 8px;
+}
+
+.memory-widget .widget-container .label {
+ font-size: 13px;
+}
+
+.memory-widget .widget-container .label {
+ font-size: 14px;
+}
+
+.memory-widget .widget-container .label.status-low {
+ color: #a6e3a1; /* Green */
+}
+
+.memory-widget .widget-container .label.status-medium {
+ color: #f9e2af; /* Yellow */
+}
+
+.memory-widget .widget-container .label.status-high {
+ color: #fab387; /* Orange */
+}
+
+.memory-widget .widget-container .label.status-critical {
+ color: #f38ba8; /* Red */
+}
+
+/* Progress bar customization */
+.memory-widget .progress-circle {
+ margin-right: 6px;
+}
+
+/* CLOCK */
+.clock-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ padding: 0 4px 0 0px;
+}
+
+.clock-widget .icon {
+ color: #89dceb;
+ font-size: 14px;
+ padding-right: 4px;
+ transition: all 0.2s ease;
+}
+
+.clock-widget:hover .icon {
+ color: #cba6f7;
+}
+
+.clock-widget .icon.alarm {
+ color: #f38ba8;
+ margin-left: 4px;
+}
+
+.clock-widget:hover .icon.alarm {
+ color: #ff7a8e;
+}
+
+.clock-widget .label.alarm {
+ color: #74b0ff;
+ margin-left: 4px;
+}
+
+/* Calendar, Alarm, and Timer Popups */
+.clock-popup.alarm,
+.clock-popup.timer,
+.clock-popup.calendar {
+ min-width: 460px;
+ background-color: rgba(17, 17, 27, 0.4);
+}
+
+.clock-popup.calendar .calendar-table,
+.clock-popup.calendar .calendar-table::item {
+ background-color: rgba(17, 17, 27, 0);
+ color: rgba(162, 177, 196, 0.85);
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ margin: 0;
+ padding: 0;
+ border: none;
+ outline: none;
+}
+
+.clock-popup.calendar .calendar-table::item:selected {
+ color: #282936;
+ font-weight: bold;
+ background-color: #74b0ff;
border-radius: 12px;
- border: 2px solid #45475a;
}
-/* CPU & MEMORY */
-.cpu-widget .icon {
- color: var(--orange);
+.clock-popup.calendar .day-label { margin-top: 20px; }
+
+.clock-popup.calendar .day-label,
+.clock-popup.calendar .month-label,
+.clock-popup.calendar .year-label,
+.clock-popup.calendar .date-label {
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-size: 16px;
+ color: #fff;
+ font-weight: 700;
+ min-width: 180px;
+ max-width: 180px;
}
-.memory-widget .label,
-.cpu-widget .label {
- padding-right: 8px;
+
+.clock-popup.calendar .month-label {
+ font-weight: normal;
}
-/* HOME */
-.home-widget {
- padding: 0 4px 0 0;
+.clock-popup.calendar .year-label {
+ font-weight: normal;
}
-.home-widget .icon {
- color: #b4befe;
+
+.clock-popup.calendar .date-label {
+ font-size: 88px;
+ font-weight: 900;
+ color: rgb(255, 255, 255);
+ margin-top: -20px;
}
-.home-widget .icon:hover {
- color: #cdd6f4;
+
+.clock-popup.calendar .extended-container {
+ border-left: 1px solid rgba(255, 255, 255, 0.2);
+ background-color: transparent;
+ padding-left: 16px;
}
-.home-menu {
- background-color:rgba(17, 17, 27, 0.5);
+
+.clock-popup.calendar .extended-container .button.alarm.small,
+.clock-popup.calendar .extended-container .button.timer.small {
+ min-width: 32px;
+ min-height: 16px;
+ font-size: 12px;
+ padding: 4px 8px;
+ border-radius: 2px;
}
-.home-menu .menu-item {
- padding: 6px 48px 7px 16px;
+
+.clock-popup.calendar .extended-container .upcoming-events-header {
font-size: 12px;
- font-family: 'JetBrains Mono';
- color: var(--text);
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
font-weight: 600;
+ margin: 4px 0 8px 0;
+ color: #d2d6e2;
}
-.home-menu .menu-item:hover {
- background-color:rgba(128, 130, 158, 0.15);
- color: #fff;
+
+.clock-popup.calendar .extended-container .upcoming-events-item {
+ font-size: 12px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ padding: 3px 0;
+ color: #b2b6c0;
}
-.home-menu .separator {
- max-height: 1px;
- background-color:rgba(128, 130, 158, 0.3);
+
+.clock-popup.calendar .extended-container .upcoming-events-item:hover {
+ color: #ced1d8;
+}
+
+/* Alarm and Timer Dialog Containers */
+.clock-popup.timer .clock-popup-container,
+.clock-popup.alarm .clock-popup-container {
+ padding: 16px;
+}
+
+.clock-popup.timer .clock-popup-footer,
+.clock-popup.alarm .clock-popup-footer {
+ padding: 16px;
+ border-top: 1px solid rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.clock-popup .clock-label-timer {
+ font-size: 13px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ color: #8d9196;
+}
+
+.clock-popup .clock-input-time {
+ font-size: 48px;
+ background-color: transparent;
+ border: none;
+ font-family: monospace, "Tahoma", "Segoe UI";
+ font-weight: 600;
+ color: #ced3d8;
+}
+
+.clock-popup .clock-input-time.colon {
+ padding-bottom: 8px;
+}
+
+/* Dialog Buttons */
+.clock-popup .button {
+ border-radius: 4px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ font-size: 13px;
+ min-height: 28px;
+ min-width: 64px;
+ margin: 4px 0;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.clock-popup .button.save,
+.clock-popup .button.start,
+.clock-popup .button.delete,
+.clock-popup .button.cancel {
+ min-width: 120px;
+}
+
+.clock-popup .button.save,
+.clock-popup .button.start {
+ background-color: rgba(0, 110, 255, 0.5);
+ margin-right: 8px;
+}
+
+.clock-popup .button.save:hover,
+.clock-popup .button.start:hover {
+ background-color: rgba(0, 110, 255, 0.7);
+}
+
+.clock-popup .button.delete {
+ background-color: rgba(255, 80, 80, 0.5);
+}
+
+.clock-popup .button.delete:hover {
+ background-color: rgba(255, 80, 80, 0.7);
+}
+
+.clock-popup .button.is-alarm-enabled {
+ background-color: rgba(0, 110, 255, 0.5);
+}
+
+.clock-popup .button.is-alarm-enabled:hover {
+ background-color: rgba(0, 110, 255, 0.7);
+}
+
+.clock-popup .button.is-alarm-disabled {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.clock-popup .button.day {
+ background-color: rgba(255, 255, 255, 0.1);
+ max-height: 20px;
+ min-height: 20px;
+}
+
+.clock-popup .button.day:checked {
+ background-color: rgba(0, 110, 255, 0.5);
+}
+
+.clock-popup .button.quick-option {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.clock-popup .button.quick-option:checked {
+ background-color: rgba(0, 110, 255, 0.5);
+}
+
+.clock-popup .button:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+.clock-popup .button:disabled {
+ background-color: rgba(100, 100, 100, 0.2);
+ color: rgba(150, 150, 150, 0.7);
+}
+
+.clock-popup .alarm-input-title {
+ font-size: 14px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ color: #d2d6e2;
+ background-color: rgba(255, 255, 255, 0.1);
+ border: 1px solid transparent;
+ border-radius: 4px;
+ padding: 4px 8px;
+ margin-top: 8px;
+ outline: none;
+ min-width: 300px;
+}
+
+.clock-popup .alarm-input-title:focus { border: 1px solid #0078D4; }
+
+/* Active Alarm Popup Window */
+.active-alarm-window {
+ background-color: rgba(255, 255, 255, 0.048);
+ max-width: 500px;
+ min-width: 500px;
+ padding: 32px;
+}
+
+.active-alarm-window .alarm-title-icon {
+ font-size: 64px;
+ color: #ffffff;
+ margin-bottom: 16px;
+}
+
+.active-alarm-window .alarm-title {
+ font-size: 24px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ color: #ffffff;
+ max-width: 500px;
+ min-width: 500px;
+}
+
+.active-alarm-window .alarm-info {
+ font-size: 16px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ color: #b2b6c0;
+ margin-bottom: 32px;
+}
+
+.active-alarm-window .button {
+ border-radius: 4px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-weight: 600;
+ font-size: 14px;
+ min-height: 36px;
+ min-width: 100px;
+ margin: 0 4px;
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.active-alarm-window .button:hover { background-color: rgba(255, 255, 255, 0.3); }
+
+/* TRAFFIC */
+.traffic-menu {
+ background-color: rgba(24, 25, 27, 0.85);
+ min-width: 280px;
+}
+.traffic-menu .header {
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+ background-color: rgba(24, 25, 27, 0.8);
+}
+.traffic-menu .header .title {
+ padding: 8px;
+ font-size: 16px;
+ font-weight: 600;
+ font-family: 'Segoe UI';
+ color: #ffffff
+}
+.traffic-menu .header .reset-button {
+ font-size: 11px;
+ padding: 4px 8px;
+ margin-right: 8px;
+ font-family: 'Segoe UI';
+ border-radius: 4px;
+ font-weight: 600;
+ background-color: transparent;
+ border: none;
+}
+.traffic-menu .reset-button:hover {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.05);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
+.traffic-menu .reset-button:pressed {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+}
+/* Speed column styles */
+.traffic-menu .download-speed,
+.traffic-menu .upload-speed {
+ background-color: transparent;
+ padding: 4px 10px;
+ margin-right: 12px;
+ margin-left: 12px;
+ margin-top: 16px;
+ margin-bottom: 0;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+.traffic-menu .download-speed {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+.traffic-menu .speed-separator {
+ max-width: 1px;
+ background-color: rgba(255, 255, 255, 0.2);
+ margin: 32px 0 16px 0;
+}
+.traffic-menu .upload-speed-value,
+.traffic-menu .download-speed-value {
+ font-size: 24px;
+ font-weight: 900;
+ font-family: 'Segoe UI';
+ color: #bcc2c5;
+}
+.traffic-menu .upload-speed-unit,
+.traffic-menu .download-speed-unit {
+ font-size: 13px;
+ font-family: 'Segoe UI';
+ font-weight: 600;
+ padding-top: 4px;
+}
+.traffic-menu .upload-speed-placeholder,
+.traffic-menu .download-speed-placeholder {
+ color: #747474;
+ font-size: 11px;
+ font-family: 'Segoe UI';
+ padding: 0 0 4px 0;
+}
+
+/* Section and data styles */
+.traffic-menu .section-title {
+ font-size: 12px;
+ font-weight: 600;
+ color: #7c8192;
+ margin-bottom: 4px;
+ font-family: 'Segoe UI';
+}
+.traffic-menu .session-section,
+.traffic-menu .today-section,
+.traffic-menu .alltime-section {
+ margin: 8px 8px 0 8px;
+ padding: 0 10px 10px 10px;
+ background-color: transparent;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+.traffic-menu .data-text {
+ font-size: 13px;
+ color: #afb5cc;
+ padding: 2px 0;
+ font-family: 'Segoe UI';
+
+}
+.traffic-menu .data-value {
+ font-weight: 600;
+ font-size: 13px;
+ font-family: 'Segoe UI';
+ padding: 2px 0;
+}
+
+/* Interface and Internet info styles */
+.traffic-menu .interface-info,
+.traffic-menu .internet-info {
+ font-size: 12px;
+ color: #6f7486;
+ padding: 8px 0;
+ font-family: 'Segoe UI';
+}
+.traffic-menu .internet-info {
+ background-color: rgba(68, 68, 68, 0.1);
+}
+.traffic-menu .internet-info.connected {
+ background-color: rgba(166, 227, 161, 0.096);
+ color: #a6e3a1;
+}
+.traffic-menu .internet-info.disconnected {
+ background-color: rgba(243, 139, 168, 0.1);
+ color: #f38ba8;
+}
+
+/* CPU */
+.cpu-widget { padding: 0 8px; }
+.cpu-widget .widget-container .label { font-size: 13px; color: #cdd6f4; }
+.cpu-widget .widget-container .icon { font-size: 14px; color: #89b4fa; }
+
+.cpu-widget .widget-container .label.status-low { color: #a6e3a1; /* Green */ }
+.cpu-widget .widget-container .label.status-medium { color: #f9e2af; /* Yellow */ }
+.cpu-widget .widget-container .label.status-high { color: #fab387; /* Orange */ }
+.cpu-widget .widget-container .label.status-critical { color: #f38ba8; /* Red */ }
+
+/* Progress bar customization */
+.cpu-widget .progress-circle {
+ margin-right: 6px;
+}
+
+/* UPDATE */
+.update-check-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ padding: 0 6px 0 6px;
+}
+.update-check-widget .icon {
+ font-size: 14px;
+}
+.update-check-widget .widget-container.winget.paired { margin-right: 1px; }
+.update-check-widget .widget-container.winget .icon {
+ margin: 0 1px 0 6px;
+}
+.update-check-widget .widget-container.winget .label {
+ margin: 0 6px 0 1px;
+ font-weight: 900;
+ font-size: 14px;
+}
+
+/* NOTES */
+.notes-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ padding-right: 5px;
+ padding-left: 5px;
+}
+
+.notes-widget .label, .notes-widget .icon { font-size: 14px; }
+
+/* Notes Widget Menu */
+.notes-menu {
+ min-width: 400px;
+ max-width: 400px;
+ background-color: rgba(17, 17, 27, 0.4);
+}
+
+.notes-menu .note-item {
+ background-color:transparent;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.notes-menu .note-item:hover {
+ background-color: rgba(243, 139, 168, 0.15);
+ transition: all 0.2s ease;
+}
+
+.notes-menu .note-item .icon {
+ font-size: 16px;
+ padding: 0 4px;
+}
+
+.notes-menu .delete-button {
+ color: #ff6b6b;
+ background: transparent;
+ border: none;
+ font-size: 8px;
+ padding: 7px 8px;
+ border-radius: 3px;
+}
+
+.notes-menu .delete-button:hover {
+ background-color: rgba(255, 107, 107, 0.2);
+ transition: all 0.2s ease;
+}
+
+.notes-menu .copy-button {
+ color: #babfd3;
+ background: transparent;
+ border: none;
+ font-size: 16px;
+ padding: 4px 8px;
+ border-radius: 3px;
+}
+
+.notes-menu .copy-button:hover {
+ background-color: rgba(166, 227, 161, 0.2);
+ color: #a6e3a1;
+ transition: all 0.2s ease;
+}
+
+.notes-menu .copy-button:pressed { color: #ffffff; }
+
+.notes-menu .note-item .title {
+ font-size: 13px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+}
+.notes-menu .note-item .date {
+ font-size: 12px;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ color: rgba(255, 255, 255, 0.4);
+}
+.notes-menu .empty-list {
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ color: rgba(255, 255, 255, 0.2);
+ font-size: 24px;
+ font-weight: 600;
+ padding: 10px 0 20px 0;
+}
+.notes-menu .add-button,
+.notes-menu .cancel-button {
+ padding: 8px;
+ background-color: rgba(255, 255, 255, 0.1);
+ border: none;
+ border-radius: 4px;
+ color: white;
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+}
+.notes-menu .cancel-button { margin-left: 4px; }
+
+.notes-menu .add-button:hover, .notes-menu .cancel-button:hover {
+ background-color: rgba(137, 180, 250, 0.3);
+ color: #89dceb;
+ transition: all 0.2s ease;
+}
+
+.notes-menu .scroll-area {
+ background: transparent;
+ border: none;
+ border-radius:0;
+}
+
+.notes-menu .note-input {
+ background-color:rgba(17, 17, 27, 0.2);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
+ font-size: 14px;
+ max-height: 30px;
+ padding: 4px;
+ border-radius: 6px;
+ transition: all 0.2s ease;
+}
+
+.notes-menu .note-input:hover {
+ border: 1px solid rgba(137, 180, 250, 0.3);
+ background-color:rgba(17, 17, 27, 0.4);
+}
+
+.note-input:focus { border: 1px solid #89b4fa; }
+
+/* VOLUME */
+.volume-widget {
+ background-color: rgba(20, 20, 30, 0.5);
+ backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.12);
+ border-radius: 5px;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+}
+
+.volume-widget .icon {
+ color: #74b0ff;
+ margin: 0 2px 0 0;
+}
+
+.audio-menu {
+ background-color:rgba(17, 17, 27, 0.4);
+ min-width: 300px;
+}
+
+/* System volume */
+.audio-menu .system-volume-container .volume-slider { border: none; }
+
+/* Device list styles */
+.audio-menu .audio-container .device {
+ background-color:transparent;
+ border: none;
+ padding:6px 8px 6px 4px;
+ margin: 2px 0;
+ font-size: 12px;
+ border-radius: 4px;
+}
+
+.audio-menu .audio-container .device.selected { background-color: rgba(255, 255, 255, 0.085); }
+.audio-menu .audio-container .device:hover {
+ background-color: rgba(180, 190, 254, 0.2);
+ color: #b4befe;
+ transition: all 0.2s ease;
+}
+
+/* Toggle button for application volumes (if is enabled) */
+.audio-menu .toggle-apps {
+ background-color: transparent;
+ border: none;
+ padding: 0;
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 4px;
+}
+
+.audio-menu .toggle-apps:hover {
+ background-color: rgba(243, 139, 168, 0.15);
+ transition: all 0.2s ease;
+}
+
+.audio-menu .toggle-apps.expanded {
+ background-color: rgba(166, 227, 161, 0.15);
+}
+
+/* Container for application volumes (if is enabled) */
+.audio-menu .apps-container {
+ padding: 8px;
+ margin-top:20px;
+ border-radius: 8px;
+ background-color:rgba(255, 255, 255, 0.062)
+}
+
+.audio-menu .apps-container .app-volume .app-icon-container {
+ min-width: 40px;
+ min-height: 40px;
+ max-width: 40px;
+ max-height: 40px;
+ border-radius: 6px;
+ margin-right: 8px;
+}
+
+.audio-menu .apps-container .app-volume .app-icon-container:hover {
+ background-color: rgba(255, 255, 255, 0.1);
}
/* MUSIC SOURCES */
diff --git a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/theme.json b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/theme.json
index 1055eba..c3b5915 100644
--- a/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/theme.json
+++ b/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/theme.json
@@ -1 +1 @@
-{"id": "aad708b6-7d06-4ac5-97c5-174b6b03f6fc", "name": "IlyaTheme", "description": "The theme created by ii5601! (v1.1)", "homepage": "", "style": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/styles.css", "config": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/config.yaml", "readme": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/readme.md", "image": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/image.png", "author": "ii5601", "publish_date": "2026-01-05T14:19:50.678950"}
+{"id": "aad708b6-7d06-4ac5-97c5-174b6b03f6fc", "name": "IlyaTheme", "description": "The theme created by ii5601! (v1.2)", "homepage": "", "style": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/styles.css", "config": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/config.yaml", "readme": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/readme.md", "image": "https://raw.githubusercontent.com/amnweb/yasb-themes/main/themes/aad708b6-7d06-4ac5-97c5-174b6b03f6fc/image.png", "author": "ii5601", "publish_date": "2026-01-05T14:19:50.678950"}
+ 
+ 
+ 
+
+ 
+ 
+