: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)
}