124 lines
6.3 KiB
CSS
124 lines
6.3 KiB
CSS
:root {
|
|
--root-font-size:13px;
|
|
--icon-color:#fad000;
|
|
--primary-color:#fad000;
|
|
--secondary-color:#131327;
|
|
--success-color:green;
|
|
--warning-color:orange;
|
|
--danger-color:#cc3232;
|
|
--generic-border-color:#3232324d;
|
|
--main-bg:#191830;
|
|
--main-bg-transparent:18,18,18;
|
|
--main-fg:#e1e1e1;
|
|
--main-fg-secondary:#b1adad;
|
|
--window-bar-bg:#191830;
|
|
--window-bar-fg:#fff;
|
|
--titlebar-fg:#fff;
|
|
--titlebar-bg:#191830;
|
|
--titlebar-controls-bg:#0000;
|
|
--sidebar-bg:#131327;
|
|
--sidebar-bg-hover:#323232;
|
|
--sidebar-fg:#e6e6e6;
|
|
--sidebar-fg-hover:#fff;
|
|
--sidebar-handle-bg:#4d4d4d;
|
|
--sidebar-border:2px #121212b3 solid;
|
|
--playerbar-bg:#131327;
|
|
--playerbar-bg-active:#0b0b0b;
|
|
--playerbar-btn-main-fg:#000;
|
|
--playerbar-btn-main-fg-hover:#000;
|
|
--playerbar-btn-main-bg:#e6e6e6;
|
|
--playerbar-btn-main-bg-hover:#fff;
|
|
--playerbar-btn-fg:#c8c8c8cc;
|
|
--playerbar-btn-fg-hover:#fff;
|
|
--playerbar-btn-bg:#c5c5c5;
|
|
--playerbar-btn-bg-hover:#0000;
|
|
--playerbar-border-top:1px #3232324d solid;
|
|
--playerbar-slider-track-bg:#3c3f43;
|
|
--playerbar-slider-track-progress-bg:#fad000;
|
|
--tooltip-bg:#fff;
|
|
--tooltip-fg:#000;
|
|
--scrollbar-size:12px;
|
|
--scrollbar-track-bg:#0000;
|
|
--scrollbar-thumb-bg:#a0a0a04d;
|
|
--scrollbar-thumb-bg-hover:#a0a0a099;
|
|
--btn-filled-bg:var(--primary-color);
|
|
--btn-filled-bg-hover: #f5f5f5;
|
|
--btn-filled-fg:#fad000;
|
|
--btn-filled-fg-hover:#fff;
|
|
--btn-filled-border:none;
|
|
--btn-filled-radius:4px;
|
|
--btn-default-bg:#fad000;
|
|
--btn-default-bg-hover:#3f3f3f;
|
|
--btn-default-fg:#131327;
|
|
--btn-default-fg-hover:#131327;
|
|
--btn-default-border:none;
|
|
--btn-default-radius:2px;
|
|
--btn-subtle-bg:#0000;
|
|
--btn-subtle-bg-hover:#0000;
|
|
--btn-subtle-fg:#dcdcdc;
|
|
--btn-subtle-fg-hover:#fff;
|
|
--btn-subtle-border:none;
|
|
--btn-subtle-radius:4px;
|
|
--btn-outline-bg:#0000;
|
|
--btn-outline-bg-hover:#0000;
|
|
--btn-outline-fg:#dcdcdc;
|
|
--btn-outline-fg-hover:#fff;
|
|
--btn-outline-border:1px #8c8c8c80 solid;
|
|
--btn-outline-border-hover:1px #ffffff80 solid;
|
|
--btn-outline-radius:5rem;
|
|
--input-bg:#191830;
|
|
--input-fg:#FAD000;
|
|
--input-placeholder-fg:#6b6c6d;
|
|
--input-active-fg:#c1c1c1;
|
|
--input-active-bg:#ffffff1a;
|
|
--dropdown-menu-bg:#15152b;
|
|
--dropdown-menu-fg:#ebebeb;
|
|
--dropdown-menu-item-padding:0.8rem;
|
|
--dropdown-menu-item-font-size:1rem;
|
|
--dropdown-menu-bg-hover:#1E1E3F80;
|
|
--dropdown-menu-border:1px var(--generic-border-color) solid;
|
|
--dropdown-menu-border-radius:4px;
|
|
--switch-track-bg:#323232;
|
|
--switch-track-enabled-bg:var(--primary-color);
|
|
--switch-thumb-bg:#fff;
|
|
--slider-track-bg:#ede9e9;
|
|
--slider-thumb-bg:#fff;
|
|
--skeleton-bg:#ffffff14;
|
|
--toast-title-fg:#fff;
|
|
--toast-description-fg:#c1c2c5;
|
|
--toast-bg:#101010;
|
|
--modal-bg:var(--main-bg);
|
|
--modal-header-bg:var(--paper-bg);
|
|
--badge-bg:#505050;
|
|
--badge-fg:#fff;
|
|
--badge-radius:12px;
|
|
--paper-bg:#191830;
|
|
--placeholder-bg: #191830;
|
|
--placeholder-fg:#7e7e7e;
|
|
--card-default-bg:#f8f5f5;
|
|
--card-default-bg-hover:#2c2c2c;
|
|
--card-default-radius:5px;
|
|
--card-poster-bg:#0000;
|
|
--card-poster-bg-hover:#0000;
|
|
--card-poster-radius:3px;
|
|
--background-noise:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc1IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iLjA1IiBkPSJNMCAwaDMwMHYzMDBIMHoiLz48L3N2Zz4=);
|
|
--current-song-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIxMDAgMTMwIDU3IDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMDZweCAxNDBweCIgZD0iTTEwMCAxMzBoMTJ2MjBoLTEyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMjFweCAxNjBweCIgZD0iTTExNSAxMzBoMTJ2NjBoLTEyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMzZweCAxNzBweCIgZD0iTTEzMCAxMzBoMTJ2ODBoLTEyeiIvPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxNTFweCAxNTIuNXB4IiBkPSJNMTQ1IDEzMGgxMnY0NWgtMTJ6Ii8+PC9zdmc+);
|
|
--current-song-image-animated:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIxMDAgMTMwIDU3IDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMDZweCAxNzBweCIgZD0iTTEwMCAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjgwOzE1OzgwIiBiZWdpbj0iMC4xcyIgZHVyPSIwLjk1cyIga2V5VGltZXM9IjA7IDAuNDczNjg7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQyIDAgMC41OCAxOyAwLjQyIDAgMC41OCAxIi8+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMjFweCAxNzBweCIgZD0iTTExNSAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjI1OzgwOzI1IiBiZWdpbj0iMC4xcyIgZHVyPSIwLjk1cyIga2V5VGltZXM9IjA7IDAuNDQ0NDQ7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQ1IDAgMC41NSAxOyAwLjQ1IDAgMC41NSAxIi8+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxMzZweCAxNzBweCIgZD0iTTEzMCAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjgwOzEwOzgwIiBiZWdpbj0iMC4xcyIgZHVyPSIwLjg1cyIga2V5VGltZXM9IjA7IDAuNDIxMDU7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjY1IDAgMC4zNSAxOyAwLjY1IDAgMC4zNSAxIi8+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNkOGQ4ZDg7c3Ryb2tlOiMwMDA7dHJhbnNmb3JtLW9yaWdpbjoxNTFweCAxNzBweCIgZD0iTTE0NSAxMzBoMTJ2ODBoLTEyeiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiB2YWx1ZXM9IjMwOzgwOzMwIiBiZWdpbj0iMC4xcyIgZHVyPSIxLjA1cyIga2V5VGltZXM9IjA7IDAuMzE1Nzk7IDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjQyIDAgMC41OCAxOyAwLjQyIDAgMC41OCAxIi8+PC9wYXRoPjwvc3ZnPg==);
|
|
--bg-header-overlay:linear-gradient(#0000 0%,#1901830 100%),var(--background-noise);
|
|
--bg-subheader-overlay:linear-gradient(180deg,#0000000d 0%,var(--main-bg) 100%),var(--background-noise);
|
|
--table-header-bg:#181818;
|
|
--table-header-fg:#b3b3b3;
|
|
--table-border:none;
|
|
--table-border-color:#ffffff1a;
|
|
--table-bg:var(--main-bg);
|
|
--table-alt-bg:var(--main-bg);
|
|
--table-fg:#b3b3b3;
|
|
--table-row-hover-bg:#64646433;
|
|
--table-row-selected-bg:#64646466;
|
|
--fullscreen-player-text-shadow:#000 0px 0px 10px
|
|
}
|
|
|
|
.ag-header {
|
|
background-color: var(--window-bar-bg)
|
|
}
|