166 lines
6.0 KiB
CSS
166 lines
6.0 KiB
CSS
* {
|
|
font-weight: bold; }
|
|
|
|
button {
|
|
background: none;
|
|
border-radius: 0px; }
|
|
|
|
icon {
|
|
font-size: 24px; }
|
|
|
|
.bar,
|
|
.music-box,
|
|
.calendar,
|
|
.settings {
|
|
font-size: 16px;
|
|
font-family: "Fira Mono"; }
|
|
|
|
.bar .hyprland {
|
|
font-size: 18px;
|
|
font-family: "Lohit Gurmukhi"; }
|
|
|
|
.bar {
|
|
background: #1e1e2e; }
|
|
.bar .hyprland {
|
|
background: none; }
|
|
.bar .hyprland button.focused {
|
|
transition-duration: 0;
|
|
color: #cba6f7;
|
|
box-shadow: 0 0 0 9999px rgba(203, 166, 247, 0.08) inset; }
|
|
.bar .hyprland button.unfocused {
|
|
background: none;
|
|
color: #f2cdcd; }
|
|
.bar .music .music-title {
|
|
color: #74c7ec; }
|
|
.bar .music .music-controls button {
|
|
color: #f9e2af; }
|
|
.bar .network .network-icon {
|
|
color: #b4befe; }
|
|
.bar .date-wrapper {
|
|
color: #cdd6f4; }
|
|
.bar .tray-button {
|
|
color: #f2cdcd; }
|
|
|
|
.music-box .music-box-unwrapped {
|
|
margin-top: 15px; }
|
|
.music-box .music-box-unwrapped .music-player {
|
|
background: #1e1e2e;
|
|
border: 2px solid #cba6f7;
|
|
border-radius: 13px; }
|
|
.music-box .music-box-unwrapped .music-player .cover-art {
|
|
margin: 2em;
|
|
border-radius: 13px;
|
|
background-size: cover;
|
|
background-position: center; }
|
|
.music-box .music-box-unwrapped .music-player .music-details {
|
|
padding: 2em; }
|
|
.music-box .music-box-unwrapped .music-player .music-details .title {
|
|
font-size: 30px;
|
|
color: #f5c2e7;
|
|
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }
|
|
.music-box .music-box-unwrapped .music-player .music-details .icon-wrapper .icon {
|
|
font-size: 24px;
|
|
color: #f9e2af; }
|
|
.music-box .music-box-unwrapped .music-player .music-details .icon-wrapper .artist {
|
|
color: #f9e2af;
|
|
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }
|
|
.music-box .music-box-unwrapped .music-player .music-details .length-label,
|
|
.music-box .music-box-unwrapped .music-player .music-details .position-label {
|
|
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); }
|
|
.music-box .music-box-unwrapped .music-player .music-details .music-controls {
|
|
border-radius: 20px 8px 20px 8px;
|
|
padding: 5px;
|
|
margin: 0px 10px;
|
|
background: rgba(30, 30, 46, 0.5); }
|
|
.music-box .music-box-unwrapped .music-player .music-details .music-controls button {
|
|
font-size: 30px; }
|
|
.music-box .music-box-unwrapped .music-player .music-details .music-controls button:hover {
|
|
box-shadow: none; }
|
|
.music-box .music-box-unwrapped .music-player .music-details scale trough {
|
|
min-height: 10px;
|
|
margin: 0 15px; }
|
|
.music-box .music-box-unwrapped .music-player .music-details scale trough highlight {
|
|
background-image: linear-gradient(to right, #74c7ec, #89b4fa); }
|
|
.music-box .music-box-unwrapped .music-player .music-details scale trough slider {
|
|
border-radius: 4px;
|
|
background: #1e1e2e;
|
|
margin: -10px -10px;
|
|
transition: 0.1s; }
|
|
.music-box .music-box-unwrapped .music-player .music-details scale trough slider:hover {
|
|
border: 2px #cba6f7 solid;
|
|
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1); }
|
|
.music-box .music-box-unwrapped .music-player .music-details scale trough slider:active {
|
|
box-shadow: 0 0 0 1px inset, 0 0 0 8px rgba(255, 255, 255, 0.1); }
|
|
|
|
.settings .settings-unwrapped {
|
|
margin-top: 10px;
|
|
border: 2px solid #cba6f7;
|
|
border-radius: 4px;
|
|
background: #1e1e2e; }
|
|
.settings .settings-unwrapped .metrics > * {
|
|
background-color: rgba(255, 255, 255, 0.03);
|
|
border-radius: 4px;
|
|
margin: 10px;
|
|
padding: 10px; }
|
|
.settings .settings-unwrapped .metrics > * .metric-progress {
|
|
min-width: 40px;
|
|
min-height: 40px;
|
|
font-size: 4px;
|
|
margin: 4px; }
|
|
.settings .settings-unwrapped .metrics > * .metric-progress .metric-icon {
|
|
font-size: 15px; }
|
|
.settings .settings-unwrapped .metrics .cpu-metric {
|
|
color: #cba6f7; }
|
|
.settings .settings-unwrapped .metrics .memory-metric {
|
|
color: #f2cdcd; }
|
|
.settings .settings-unwrapped .metrics .disk-metric {
|
|
color: #f5c2e7; }
|
|
.settings .settings-unwrapped .metrics .battery-metric {
|
|
color: #f9e2af; }
|
|
.settings .settings-unwrapped .settings-col .sliders {
|
|
margin: 10px; }
|
|
.settings .settings-unwrapped .settings-col .sliders scale trough {
|
|
min-height: 20px;
|
|
min-width: 160px;
|
|
border-radius: 3px; }
|
|
.settings .settings-unwrapped .settings-col .sliders scale trough highlight {
|
|
all: unset;
|
|
border-radius: 3px; }
|
|
.settings .settings-unwrapped .settings-col .sliders scale trough slider {
|
|
min-width: 25px;
|
|
min-height: 25px;
|
|
border-radius: 25px;
|
|
background: #cdd6f4;
|
|
box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.1); }
|
|
.settings .settings-unwrapped .settings-col .sliders .volume .volume-icon {
|
|
font-size: 15px;
|
|
color: #a6e3a1; }
|
|
.settings .settings-unwrapped .settings-col .sliders .volume scale trough highlight {
|
|
background-color: #a6e3a1; }
|
|
.settings .settings-unwrapped .settings-col .sliders .brightness .brightness-icon {
|
|
font-size: 15px;
|
|
color: #f9e2af; }
|
|
.settings .settings-unwrapped .settings-col .sliders .brightness scale trough highlight {
|
|
background-color: #f9e2af; }
|
|
.settings .settings-unwrapped .settings-col .settings-col-temps .temperature {
|
|
color: #89b4fa; }
|
|
.settings .settings-unwrapped .settings-col .settings-col-temps .temperature-hot {
|
|
color: #f38ba8; }
|
|
.settings .settings-unwrapped .settings-col .settings-col-temps .weather {
|
|
color: #f5e0dc; }
|
|
.settings .settings-unwrapped .settings-col .power-menu {
|
|
margin: 20px; }
|
|
.settings .settings-unwrapped .settings-col .power-menu button {
|
|
font-size: 24px; }
|
|
.settings .settings-unwrapped .settings-col .power-menu button:hover {
|
|
color: #f38ba8;
|
|
box-shadow: none; }
|
|
|
|
.calendar .calendar-unwrapped {
|
|
margin-top: 10px;
|
|
border: 2px solid #cba6f7;
|
|
border-radius: 4px;
|
|
background: rgba(30, 30, 46, 0.9); }
|
|
|
|
/*# sourceMappingURL=style.css.map */
|