forked from Shinonome/dots-hyprland
bar: utils buttons, new battery indicator
This commit is contained in:
end-4
+65
-46
@@ -49,6 +49,9 @@
|
||||
.txt-onSecondaryContainer {
|
||||
color: #f8daee; }
|
||||
|
||||
.txt-onSurfaceVariant {
|
||||
color: #d1c2cb; }
|
||||
|
||||
.txt-shadow {
|
||||
text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.69);
|
||||
margin: 10px; }
|
||||
@@ -324,34 +327,34 @@
|
||||
.spacing-h--5 > box:last-child {
|
||||
margin-right: 0rem; }
|
||||
|
||||
.spacing-v--5 > box {
|
||||
.spacing-v--5 > * {
|
||||
margin-bottom: -0.341rem; }
|
||||
|
||||
.spacing-v--5 > box:last-child {
|
||||
.spacing-v--5 > *:last-child {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
.spacing-v--5 > label {
|
||||
margin-bottom: -0.341rem; }
|
||||
|
||||
.spacing-v--5 > label:last-child {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
.spacing-v--10 > box {
|
||||
margin-bottom: -0.682rem; }
|
||||
|
||||
.spacing-v--10 > box:last-child {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
.spacing-v--10 > label {
|
||||
margin-bottom: -0.682rem; }
|
||||
|
||||
.spacing-v--10 > label:last-child {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
.spacing-h--20 > box {
|
||||
.spacing-h--10 > * {
|
||||
margin-left: -1.364rem; }
|
||||
|
||||
.spacing-h--20 > box:first-child {
|
||||
.spacing-h--10 > *:first-child {
|
||||
margin-left: 0rem; }
|
||||
|
||||
.spacing-v--10 > * {
|
||||
margin-bottom: -0.682rem; }
|
||||
|
||||
.spacing-v--10 > *:last-child {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
.spacing-v--10 > * {
|
||||
margin-bottom: -0.682rem; }
|
||||
|
||||
.spacing-v--10 > *:last-child {
|
||||
margin-bottom: 0rem; }
|
||||
|
||||
.spacing-h--20 > * {
|
||||
margin-left: -1.364rem; }
|
||||
|
||||
.spacing-h--20 > *:first-child {
|
||||
margin-left: 0rem; }
|
||||
|
||||
.instant {
|
||||
@@ -547,7 +550,7 @@ tooltip {
|
||||
|
||||
.bar-group-pad-system {
|
||||
padding-left: 1.023rem;
|
||||
padding-right: 0.547rem; }
|
||||
padding-right: 0.341rem; }
|
||||
|
||||
.bar-group-pad-music {
|
||||
padding-right: 1.023rem;
|
||||
@@ -605,7 +608,6 @@ tooltip {
|
||||
color: #f8daee; }
|
||||
|
||||
.bar-ws-occupied {
|
||||
background-color: #51434d;
|
||||
background-color: #3b3338;
|
||||
color: #d1c2cb; }
|
||||
|
||||
@@ -619,8 +621,7 @@ tooltip {
|
||||
|
||||
.bar-clock {
|
||||
font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
|
||||
font-size: 1.2727rem;
|
||||
color: #eae0e4; }
|
||||
font-size: 1.2727rem; }
|
||||
|
||||
.bar-date {
|
||||
font-family: 'Gabarito', 'Poppins', 'Lexend', sans-serif;
|
||||
@@ -630,7 +631,9 @@ tooltip {
|
||||
.bar-batt {
|
||||
border-radius: 9999px;
|
||||
-gtk-outline-radius: 9999px;
|
||||
padding: 0rem 0.341rem;
|
||||
min-height: 1.77rem;
|
||||
min-width: 1.77rem;
|
||||
border-radius: 10rem;
|
||||
background-color: #554050;
|
||||
color: #f8daee; }
|
||||
|
||||
@@ -645,11 +648,27 @@ tooltip {
|
||||
background-color: #374b3e;
|
||||
color: #d1e9d6; }
|
||||
|
||||
.bar-batt-prog-low {
|
||||
.bar-batt-circprog {
|
||||
transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
|
||||
min-width: 0.068rem;
|
||||
min-height: 1.636rem;
|
||||
padding: 0rem;
|
||||
background-color: #554050;
|
||||
color: #f8daee; }
|
||||
|
||||
.bar-batt-circprog-low {
|
||||
transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
|
||||
min-width: 0.068rem;
|
||||
min-height: 1.636rem;
|
||||
padding: 0rem;
|
||||
background-color: #ffb4a9;
|
||||
color: #930006; }
|
||||
|
||||
.bar-batt-prog-full {
|
||||
.bar-batt-circprog-full {
|
||||
transition: 1000ms cubic-bezier(0.1, 1, 0, 1);
|
||||
min-width: 0.068rem;
|
||||
min-height: 1.636rem;
|
||||
padding: 0rem;
|
||||
background-color: #374b3e;
|
||||
color: #d1e9d6; }
|
||||
|
||||
@@ -757,26 +776,13 @@ tooltip {
|
||||
border-radius: 10rem;
|
||||
min-width: 0.681rem;
|
||||
min-height: 0.681rem;
|
||||
background-color: #f8daee;
|
||||
color: #554050; }
|
||||
background-color: #d1c2cb; }
|
||||
|
||||
.bar-batt-chargestate-charging-smaller {
|
||||
border-radius: 10rem;
|
||||
min-width: 0.409rem;
|
||||
min-height: 0.409rem;
|
||||
background-color: #f8daee;
|
||||
color: #554050; }
|
||||
|
||||
.bar-batt-chargestate-low {
|
||||
background-color: #930006; }
|
||||
|
||||
.bar-batt-chargestate-full {
|
||||
background-color: #d1e9d6; }
|
||||
|
||||
.bar-batt-percentage {
|
||||
font-size: 1rem;
|
||||
margin-top: -0.068rem;
|
||||
font-weight: 500; }
|
||||
background-color: #d1c2cb; }
|
||||
|
||||
.corner {
|
||||
background-color: #100d10;
|
||||
@@ -839,6 +845,20 @@ tooltip {
|
||||
.bar-statusicons-active {
|
||||
background-color: #3c373a; }
|
||||
|
||||
.bar-util-btn {
|
||||
border-radius: 9999px;
|
||||
-gtk-outline-radius: 9999px;
|
||||
min-height: 1.77rem;
|
||||
min-width: 1.77rem;
|
||||
background-color: #3b3338; }
|
||||
|
||||
.bar-util-btn:hover,
|
||||
.bar-util-btn:focus {
|
||||
background-color: #4a4147; }
|
||||
|
||||
.bar-util-btn:active {
|
||||
background-color: #595055; }
|
||||
|
||||
.cheatsheet-bg {
|
||||
border-radius: 1.705rem;
|
||||
-gtk-outline-radius: 1.705rem;
|
||||
@@ -1002,8 +1022,7 @@ tooltip {
|
||||
background-color: #100d10;
|
||||
border-radius: 1.023rem;
|
||||
padding: 0.625rem 1.023rem;
|
||||
padding-top: 0.313rem;
|
||||
margin: 10px; }
|
||||
padding-top: 0.313rem; }
|
||||
|
||||
.osd-progress {
|
||||
min-height: 0.955rem;
|
||||
|
||||
Reference in New Issue
Block a user