ux/ui
This commit is contained in:
Binary file not shown.
-40
@@ -108,7 +108,6 @@
|
|||||||
#workspaces button.active {
|
#workspaces button.active {
|
||||||
color: #99d1db;
|
color: #99d1db;
|
||||||
background-color: rgba(153, 209, 219, 0.1);
|
background-color: rgba(153, 209, 219, 0.1);
|
||||||
box-shadow: inset 0 0 0 1px rgba(153, 209, 219, 0.2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#workspaces button:hover {
|
#workspaces button:hover {
|
||||||
@@ -121,7 +120,6 @@
|
|||||||
background-color: #1a1b26;
|
background-color: #1a1b26;
|
||||||
padding: 0.3rem 0.7rem;
|
padding: 0.3rem 0.7rem;
|
||||||
margin: 5px 0px;
|
margin: 5px 0px;
|
||||||
box-shadow: 0 1px 3px rgba(153, 209, 219, 0.2);
|
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
border: none;
|
border: none;
|
||||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
|
||||||
@@ -132,49 +130,11 @@
|
|||||||
background-color: rgba(153, 209, 219, 0.1); /* Brighter highlight */
|
background-color: rgba(153, 209, 219, 0.1); /* Brighter highlight */
|
||||||
}
|
}
|
||||||
|
|
||||||
#custom-pomodoro {
|
|
||||||
background-color: #1a1b26; /* Consistent dark background */
|
|
||||||
padding: 0.3rem 0.7rem; /* Consistent padding with other modules (e.g., cpu, uptime) */
|
|
||||||
margin: 5px 0px; /* 5px top/bottom margin, 0px left/right (base for individual control) */
|
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Consistent shadow */
|
|
||||||
min-width: 0;
|
|
||||||
border: none;
|
|
||||||
outline: none; /* Ensure no default outline */
|
|
||||||
/* Transition for background-color, color, outline, and box-shadow for smooth effect */
|
|
||||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, outline 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
|
||||||
color: #babbf1; /* A calm color, consistent with custom-uptime */
|
|
||||||
font-weight: 600; /* Slightly bolder for the timer, consistent with clock */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Positioning and spacing for the custom-pomodoro module */
|
|
||||||
#custom-pomodoro {
|
|
||||||
margin-left: 5px; /* Spacing from the previous module (e.g., clock) */
|
|
||||||
margin-right: 5px; /* Spacing before the seamless right bar starts (e.g., bluetooth) */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hover effect for the new pomodoro module (consistent with others + rectangular outline) */
|
|
||||||
#custom-pomodoro:hover {
|
|
||||||
background-color: rgb(41, 42, 53); /* Brighter highlight, consistent with other individual modules */
|
|
||||||
color: #c6d0f5; /* Text color change on hover, consistent with other individual modules */
|
|
||||||
outline: 1px solid rgba(255, 255, 255, 0.1); /* Rectangular outline on hover */
|
|
||||||
outline-offset: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --- Highlighted state for Pomodoro module when running (work or break) --- */
|
|
||||||
#custom-pomodoro.work,
|
|
||||||
#custom-pomodoro.break {
|
|
||||||
color: #99d1db; /* Text color consistent with active workspaces button */
|
|
||||||
background-color: rgba(153, 209, 219, 0.1); /* Background color consistent with active workspaces button */
|
|
||||||
box-shadow: inset 0 0 0 1px rgba(153, 209, 219, 0.2); /* Inner shadow for outline effect */
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --- Right Modules (Single, Seamless Bar ) --- */
|
/* --- Right Modules (Single, Seamless Bar ) --- */
|
||||||
#bluetooth,
|
#bluetooth,
|
||||||
#pulseaudio,
|
#pulseaudio,
|
||||||
#backlight,
|
#backlight,
|
||||||
#network,
|
#network,
|
||||||
#custom-lock,
|
|
||||||
#battery {
|
#battery {
|
||||||
background-color: #1a1b26;
|
background-color: #1a1b26;
|
||||||
padding: 0.3rem 0.7rem;
|
padding: 0.3rem 0.7rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user