* { 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 */