sankalp/Modus
1
0 Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Fixe Styling of cc

Browse Source
This commit is contained in:
tr1x_em committed 2025-08-12 14:17:42 +05:30
1 parent 4e4b3d60b1
commit c59e911018
4 files changed
+67 -30
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

modules/controlcenter/main.py
+14 -8
View File
@@ -407,18 +407,29 @@ class ModusControlCenter(Window):
children=[
Label(label="Sound", style_classes="title", h_align="start"),
Box(
name="vol-box",
orientation="horizontal",
spacing=8,
v_expand=False,
v_expand=True,
children=[
self.volume_scale,
Box(
name="vol-slider-box",
h_expand=True,
v_align="center",
v_expand=False,
children=[
self.volume_scale,
],
),
Button(
name="per-app-volume-button",
size=(36, 36),
child=Svg(
svg_file=get_relative_path(
"../../config/assets/icons/player/audio-switcher.svg"
),
name="per-app-volume-icon",
sidze=32,
),
on_clicked=self.open_per_app_volume,
),
@@ -427,12 +438,7 @@ class ModusControlCenter(Window):
Label(label="", name="volume-widget-icon", h_align="start"),
],
),
Box(
orientation="vertical",
children=[
self.music_widget,
],
),
self.music_widget,
],
)
styles/controlcenter.css
+32 -14
View File
@@ -33,18 +33,26 @@
font-weight: bold;
}
#control-center-widgets {
background-color: alpha(#fff, 0.05);
background-color: alpha(#fff, 0.01);
box-shadow: inset 0 0 0 1px alpha(#aaa, 0.4);
border: 1px solid alpha(#111, 0.4);
border-radius: 8px;
/* border: 1px solid alpha(#111, 0.4); */
border-radius: 12px;
padding: 0.5rem;
}
#focus-widget {
}
#wb-widget,
#brightness-menu {
background-color: alpha(#000, 0.08);
box-shadow: inset 0 0 0 0.5px alpha(#aaa, 0.4);
border: 1px solid alpha(#111, 0.4);
border-radius: 12px;
}
/* Widgets */
#wifi-widget,
#bluetooth-widget {
min-width: 150px;
padding: 10px;
min-width: 140px;
padding: 10px 0 0px 0;
}
.icon {
@@ -257,12 +265,14 @@
/* } */
.menu {
background-color: alpha(#000, 0.08);
box-shadow: inset 0 0 0 0.5px alpha(#aaa, 0.4);
border: 1px solid alpha(#111, 0.4);
border-radius: 12px;
margin: 5px;
/* background-color: alpha(#000, 0.3); */
background-color: alpha(#999, 0.1);
/* box-shadow: inset 0 0 200px 0 alpha(#111, 0.3); */
border: 0.5px solid alpha(#000, 0.4);
border-radius: 8px;
/* background-color: alpha(#999, 0.1); */
/* border: 0.5px solid alpha(#000, 0.4); */
/* border-radius: 8px; */
padding: 1rem;
}
@@ -283,9 +293,17 @@
margin-left: 5px;
}
#vol-slider-box {
/* margin-bottom: 2px; */
margin-top: -10px;
/* border: 1px solid alpha(#fff, 1); */
}
#volume-widget-slider {
/* margin-bottom: 2px; */
}
#volume-widget-icon {
font-size: 22px;
margin-top: -26px;
margin-top: -35px;
margin-right: -36px;
color: #000;
}
@@ -510,8 +528,8 @@
#per-app-volume-button {
background-color: alpha(#fff, 0.15);
border: 1px solid alpha(#999, 0.6);
min-width: 33px;
min-height: 30px;
/* min-width: 33px; */
/* min-height: 30px; */
border-radius: 50%;
}
styles/panel.css
+4 -1
View File
@@ -110,11 +110,13 @@
}
#workspaces label {
font-family: "SF Pro Rounded";
color: white; /* fully transparent text */
}
#workspaces > button {
padding-top: 0px;
padding-right: 16px;
font-family: "SF Pro Rounded";
padding-left: 16px;
margin: 6px 0px;
@@ -129,11 +131,12 @@
#workspaces > button.active {
background-color: alpha(#fff, 0.9);
font-weight: bold;
/* font-weight: bold; */
}
#workspaces > button.active label {
color: alpha(#000, 1);
font-family: "SF Pro Rounded";
}
#workspaces > button.urgent {
background-color: alpha(var(--on-error), 0.7);
styles/player.css
+17 -7
View File
@@ -8,7 +8,7 @@
#button-box-c {
/* margin-left: -10px; */
margin-right: 4px;
margin-right: 7px;
}
#player-stack-button:hover {
@@ -47,12 +47,20 @@
/* box-shadow: inset 0 0 0 1px alpha(#aaa, 0.4); */
}
#box-c {
background-color: alpha(#000, 0.08);
box-shadow: inset 0 0 0 0.5px alpha(#aaa, 0.4);
border: 1px solid alpha(#111, 0.4);
border-radius: 12px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 0.5rem;
min-height: 50px;
min-width: 220px;
border-radius: 8px;
margin: 0 6px 10px;
border: 0.5px solid alpha(#000, 0.4);
background-color: alpha(#999, 0.1);
/* border-radius: 8px; */
/* margin: 0 6px 10px; */
/* border: 0.5px solid alpha(#000, 0.4); */
/* background-color: alpha(#999, 0.1); */
/* box-shadow: inset 0 0 0 1px alpha(#aaa, 0.4); */
}
#player-box:disabled highlight,
@@ -84,7 +92,7 @@
font-size: 16px;
}
#player-app-icon {
/* margin-bottom: 2px; */
margin-bottom: 10px;
}
#player-artist-c {
@@ -129,8 +137,10 @@
min-width: 50px;
min-height: 50px;
background-position: center;
margin-top: 10px;
margin-bottom: 10px;
background-size: cover;
margin-left: 5px;
margin-left: 10px;
border-radius: 5px;
}
.album-image {