sapphire-frontend/style/palette.css

/* User-editable palette -- based on Arc Dark */

:root {
    --bg-color: #2b2e39;
    --bg-accent-color: #3c414e;
    --text-color: #d3dae3;
    --text-disabled-color: rgba(211, 218, 227, 0.45);

    --border-color: var(--text-disabled-color);
    --message-border-color: rgba(211, 218, 227, 0.1);

    --select-bg-color: #5294e2;
    --select-text-color: white;

    --modal-bg-color: rgba(53, 57, 69, 0.95);
    --modal-text-color: var(--text-color);

    --button-bg-color: var(--bg-accent-color);
    --button-text-color: var(--text-color);
    --accent-button-bg-color: rgba(82, 148, 226, 0.95);
    --accent-button-text-color: white;

    --scroll-color: --var(--button-color);
    --scroll-thumb-color: rgba(92, 97, 108, 0.55);

    --link-color: #a9caf1;

    --chat-switch-color: rgba(255, 255, 255, 0.1);

    --red-color: #fc4137;
    --orange-color: #f27835;
    --green-color: #94e252;
    --blue-color: #5294e2;
    --pink-color: #e25193;

    --buddy-unread-color: var(--select-bg-color);
    --buddy-typing-color: var(--green-color);

    --status-online-color: var(--green-color);
    --status-away-color: white;
    --status-dnd-color: var(--red-color);
}