arif/bar
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix styling issues

Browse Source
This commit is contained in:
Arif Hasanic
2026-02-09 21:01:56 +01:00
parent ea9ab4b2cb
commit d1b81c4d3e
20 changed files with 778 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
resources/bar.css
View File

@@ -1,3 +1,27 @@
/* Custom Scrollbar Styling */
scrollbar, scrollbar * {
min-width: 8px;
background: transparent;
}
scrollbar slider {
background: rgba(255, 255, 255, 0.25);
border-radius: 6px;
min-width: 8px;
}
scrollbar slider:hover, scrollbar slider:active {
background: rgba(255, 255, 255, 0.45);
}
scrollbar trough {
background: rgba(255, 255, 255, 0.08);
border-radius: 6px;
}
scrollbar button {
background: transparent;
}
/** biome-ignore-all lint/correctness/noUnknownTypeSelector: gtk css has more valid identifiers */
* {
all: unset;
@@ -16,11 +40,9 @@ window {
color: #ffffff;
font-size: 14px;
font-family: var(--text-font);
padding: 3px;
}
.bar {
padding: 4px 6px;
}
.text-area {
font-family: var(--text-font-mono);
@@ -34,20 +56,23 @@ window {
}
.power-button-on {
color: #4caf50;
/* bright green */
background-color: rgba(0, 255, 0, 0.2);
}
.power-button-off {
color: #f44336;
/* bright red */
background-color: rgba(255, 0, 0, 0.2);
color: #ffffff;
}
.control-center-tab-row {
background-color: rgba(50, 50, 50, 0.8);
background-color: rgba(255, 255, 255, 0.1);
border-radius: 4px;
padding: 2px 4px;
margin-bottom: 4px;
}
.active-button {
background-color: #ffffff;
color: #1e1e1e;
@@ -56,20 +81,20 @@ window {
}
popover {
margin-top: 4px;
font-family: var(--text-font);
border-radius: 4px;
font-family: var(--text-font);
border-radius: 12px;
background: rgba(25, 25, 25, 0.8);
background: rgba(25, 25, 25, 0.9);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(57, 57, 57, 0.71);
}
.control-center-popover {
margin-top: 6px;
background-color: rgba(35, 35, 35, 0.95);
padding: 12px;
padding-top : 6px;
border-radius: 4px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(57, 57, 57, 0.8);
}
@@ -77,7 +102,6 @@ popover {
.control-center-player-container {
border-radius: 4px;
background: rgba(35, 35, 35, 0.95);
margin-bottom: 6px;
}
@@ -158,9 +182,9 @@ tooltip {
.workspace-pill {
padding: 2px 5px;
margin-right: 6px;
border-radius: 4px;
text-shadow: 0 0 2px #646464;
margin: 0 2px;
transition:
background-color 0.2s,
color 0.2s,
@@ -249,3 +273,27 @@ tooltip {
opacity: 1;
}
}
.bluetooth-settings {
font-family: var(--text-font);
font-size: 14px;
}
.bluetooth-device-address {
font-size: 10px;
color: #cccccc;
}
.bluetooth-settings-row {
transition: background-color 0.2s;
}
.active-devices {
background-color: rgba(0, 255, 0, 0.1);
border-radius: 4px;
}
.available-devices {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 4px;
}