b10ba1dcc2
* First pass at displaying user data in admin * Hide chat blurb on home page if chat is disabled * Hide sidebar chat section if chat is disabled * Block/unblock user interface for https://github.com/owncast/owncast/issues/1096 * Simplify past display name handling * Updates to reflect the api access token change * Update paths * Clean up the new access token page * Fix linter * Update linter workflow action * Cleanup * Fix exception rendering table row * Commit next-env file that seems to be required with next 11 * chat refactor - admin adjustments (#250) * add useragent parser; clean up some html; * some ui changes - use modal instead of popover to confirm block/unblock user - update styles, table styles for consistency - rename some user/chat labels in nav and content * format user info modal a bit * add some sort of mild treatment and delay while processing ban of users * rename button to 'ban' * add some notes * Prettified Code! * fix disableChat toggle for nav bar * Support sorting the disabled user list * Fix linter error around table sorting * No longer restoring messages on unban so change message prompt * Standardize on forbiddenUsername terminology * The linter broke the webhooks page. Fixed it. Linter is probably pissed. * Move chat welcome message to chat config * Other submenus don't have icons so remove these ones Co-authored-by: gingervitis <omqmail@gmail.com> Co-authored-by: gabek <gabek@users.noreply.github.com>
64 lines
1.8 KiB
SCSS
64 lines
1.8 KiB
SCSS
:root {
|
|
// colors
|
|
--white: rgba(255, 255, 255, 1);
|
|
--white-15: rgba(255, 255, 255, 0.15);
|
|
--white-25: rgba(255, 255, 255, 0.25);
|
|
--white-35: rgba(255, 255, 255, 0.35);
|
|
--white-50: rgba(255, 255, 255, 0.5);
|
|
--white-75: rgba(255, 255, 255, 0.75);
|
|
--white-88: rgba(255, 255, 255, 0.88);
|
|
|
|
--black: rgba(0, 0, 0, 1);
|
|
--black-35: rgba(0, 0, 0, 0.35);
|
|
--black-50: rgba(0, 0, 0, 0.5);
|
|
--black-75: rgba(0, 0, 0, 0.75);
|
|
|
|
// owncast logo color family
|
|
--owncast-purple: rgba(120, 113, 255, 1); // #7871FF;
|
|
--purple-dark: rgba(28, 26, 59, 1); // #1c1a3b;//
|
|
--pink: rgba(201, 139, 254, 1); // #D18BFE;
|
|
--blue: rgba(32, 134, 225, 1); // #2086E1;
|
|
|
|
// owncast purple variations
|
|
--owncast-purple-25: rgba(120, 113, 255, 0.25);
|
|
--owncast-purple-50: rgba(120, 113, 255, 0.5);
|
|
|
|
--gray-light: rgba(168, 175, 197, 1);
|
|
--gray-medium: rgba(102, 107, 120, 1);
|
|
--gray: rgba(51, 53, 60, 1);
|
|
--gray-dark: rgba(23, 24, 27, 1); // #17181b;
|
|
|
|
--online-color: #73dd3f;
|
|
--offline-color: #999;
|
|
|
|
--ant-error: #ff4d4f;
|
|
--ant-success: #52c41a;
|
|
--ant-warning: #faad14;
|
|
--ant-transition-duration: 0.15s;
|
|
|
|
// ////////////////////////////////
|
|
--default-text-color: var(--white-88);
|
|
--default-bg-color: var(--black);
|
|
--default-link-color: var(--owncast-purple);
|
|
|
|
--container-bg-color: var(--gray-dark);
|
|
--container-bg-color-alt: var(--purple-dark);
|
|
--container-border-radius: 4px;
|
|
|
|
--code-color: #9cdcfe;
|
|
--code-bg-color: var(--owncast-purple-25);
|
|
|
|
--nav-bg-color: var(--gray-dark);
|
|
--nav-text: #aaa;
|
|
--nav-selected-text: var(--pink); //#cd7cff;
|
|
|
|
--button-focused: var(--owncast-purple-50);
|
|
|
|
--textfield-border: var(--white-25);
|
|
--textfield-bg: var(--black);
|
|
|
|
//
|
|
--popover-base-color: var(--gray);
|
|
--tooltip-base-color: var(--gray-medium);
|
|
}
|