Add 'theme-full.css'
This commit is contained in:
630
theme-full.css
Normal file
630
theme-full.css
Normal file
@ -0,0 +1,630 @@
|
||||
/**
|
||||
* @name Prits' Theme (v1.0.1)
|
||||
* @author Prits
|
||||
* @version 1.0.1
|
||||
* @description A purpur Prits' Discord theme!
|
||||
* @source https://git.devprits.ru/Prits/theme
|
||||
* @website https://devprits.ru
|
||||
* @invite aa
|
||||
*/
|
||||
|
||||
@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
|
||||
.theme-light:root {
|
||||
--prits-gb-bg-0: var(--prits-gb-bg-0-light);
|
||||
--prits-gb-bg-1: var(--prits-gb-bg-1-light);
|
||||
--prits-gb-bg-2: var(--prits-gb-bg-2-light);
|
||||
--prits-gb-bg-3: var(--prits-gb-bg-3-light);
|
||||
--prits-gb-bg-4: var(--prits-gb-bg-4-light);
|
||||
--prits-gb-bg-5: var(--prits-gb-bg-5-light);
|
||||
--prits-gb-bg-dim: var(--prits-gb-bg-dim-light);
|
||||
--prits-gb-bg-word: var(--prits-gb-bg-word-light);
|
||||
--prits-gb-bg-diff-green: var(--prits-gb-bg-diff-green-light);
|
||||
--prits-gb-bg-diff-blue: var(--prits-gb-bg-diff-blue-light);
|
||||
--prits-gb-bg-diff-red: var(--prits-gb-bg-diff-red-light);
|
||||
--prits-gb-bg-visual-yellow: var(--prits-gb-bg-visual-yellow-light);
|
||||
--prits-gb-bg-visual-green: var(--prits-gb-bg-visual-green-light);
|
||||
--prits-gb-bg-visual-blue: var(--prits-gb-bg-visual-blue-light);
|
||||
--prits-gb-bg-visual-red: var(--prits-gb-bg-visual-red-light);
|
||||
--prits-gb-bg-accent-yellow: var(--prits-gb-bg-accent-yellow-light);
|
||||
--prits-gb-bg-accent-green: var(--prits-gb-bg-accent-green-light);
|
||||
--prits-gb-bg-accent-red: var(--prits-gb-bg-accent-red-light);
|
||||
--prits-gb-fg-0: var(--prits-gb-fg-0-light);
|
||||
--prits-gb-fg-1: var(--prits-gb-fg-1-light);
|
||||
--prits-gb-grey-0: var(--prits-gb-grey-0-light);
|
||||
--prits-gb-grey-1: var(--prits-gb-grey-1-light);
|
||||
--prits-gb-grey-2: var(--prits-gb-grey-2-light);
|
||||
--prits-gb-accent-red: var(--prits-gb-accent-red-light);
|
||||
--prits-gb-accent-orange: var(--prits-gb-accent-orange-light);
|
||||
--prits-gb-accent-yellow: var(--prits-gb-accent-yellow-light);
|
||||
--prits-gb-accent-green: var(--prits-gb-accent-green-light);
|
||||
--prits-gb-accent-aqua: var(--prits-gb-accent-aqua-light);
|
||||
--prits-gb-accent-blue: var(--prits-gb-accent-blue-light);
|
||||
--prits-gb-accent-purple: var(--prits-gb-accent-purple-light);
|
||||
}
|
||||
|
||||
.theme-dark:root {
|
||||
--prits-gb-bg-0: var(--prits-gb-bg-0-dark);
|
||||
--prits-gb-bg-1: var(--prits-gb-bg-1-dark);
|
||||
--prits-gb-bg-2: var(--prits-gb-bg-2-dark);
|
||||
--prits-gb-bg-3: var(--prits-gb-bg-3-dark);
|
||||
--prits-gb-bg-4: var(--prits-gb-bg-4-dark);
|
||||
--prits-gb-bg-5: var(--prits-gb-bg-5-dark);
|
||||
--prits-gb-bg-dim: var(--prits-gb-bg-dim-dark);
|
||||
--prits-gb-bg-word: var(--prits-gb-bg-word-dark);
|
||||
--prits-gb-bg-diff-green: var(--prits-gb-bg-diff-green-dark);
|
||||
--prits-gb-bg-diff-blue: var(--prits-gb-bg-diff-blue-dark);
|
||||
--prits-gb-bg-diff-red: var(--prits-gb-bg-diff-red-dark);
|
||||
--prits-gb-bg-visual-yellow: var(--prits-gb-bg-visual-yellow-dark);
|
||||
--prits-gb-bg-visual-green: var(--prits-gb-bg-visual-green-dark);
|
||||
--prits-gb-bg-visual-blue: var(--prits-gb-bg-visual-blue-dark);
|
||||
--prits-gb-bg-visual-red: var(--prits-gb-bg-visual-red-dark);
|
||||
--prits-gb-bg-accent-yellow: var(--prits-gb-bg-accent-yellow-dark);
|
||||
--prits-gb-bg-accent-green: var(--prits-gb-bg-accent-green-dark);
|
||||
--prits-gb-bg-accent-red: var(--prits-gb-bg-accent-red-dark);
|
||||
--prits-gb-fg-0: var(--prits-gb-fg-0-dark);
|
||||
--prits-gb-fg-1: var(--prits-gb-fg-1-dark);
|
||||
--prits-gb-grey-0: var(--prits-gb-grey-0-dark);
|
||||
--prits-gb-grey-1: var(--prits-gb-grey-1-dark);
|
||||
--prits-gb-grey-2: var(--prits-gb-grey-2-dark);
|
||||
--prits-gb-accent-red: var(--prits-gb-accent-red-dark);
|
||||
--prits-gb-accent-orange: var(--prits-gb-accent-orange-dark);
|
||||
--prits-gb-accent-yellow: var(--prits-gb-accent-yellow-dark);
|
||||
--prits-gb-accent-green: var(--prits-gb-accent-green-dark);
|
||||
--prits-gb-accent-aqua: var(--prits-gb-accent-aqua-dark);
|
||||
--prits-gb-accent-blue: var(--prits-gb-accent-blue-dark);
|
||||
--prits-gb-accent-purple: var(--prits-gb-accent-purple-dark);
|
||||
}
|
||||
|
||||
html:root,
|
||||
.theme-dark,
|
||||
.theme-light {
|
||||
--textbox-markdown-syntax: var(--prits-gb-fg-0);
|
||||
--background-primary: var(--prits-gb-bg-0);
|
||||
--background-secondary: var(--prits-gb-bg-0);
|
||||
--background-secondary-alt: var(--prits-gb-bg-dim);
|
||||
--background-tertiary: var(--prits-gb-bg-dim);
|
||||
--background-floating: var(--prits-gb-bg-0);
|
||||
--background-modifier-accent: var(--prits-gb-bg-dim);
|
||||
--background-modifier-hover: var(--prits-gb-bg-0);
|
||||
--background-modifier-active: var(--prits-gb-bg-3);
|
||||
--background-modifier-selected: var(--prits-gb-bg-4);
|
||||
--modal-background: var(--prits-gb-bg-1);
|
||||
--modal-footer-background: var(--prits-gb-bg-dim);
|
||||
--mention-background: var(--prits-gb-bg-diff-red);
|
||||
--bg-overlay-1: var(--prits-gb-bg-word);
|
||||
--bg-overlay-2: var(--prits-gb-bg-0);
|
||||
--bg-overlay-3: var(--prits-gb-bg-0);
|
||||
--bg-overlay-chat: var(--prits-gb-bg-1);
|
||||
--bg-overlay-app-frame: var(--prits-gb-bg-dim);
|
||||
--bg-overlay-selected: var(--prits-gb-bg-2);
|
||||
--bg-overlay-hover: var(--prits-gb-bg-4);
|
||||
--bg-overlay-active: var(--prits-gb-bg-1);
|
||||
--text-normal: var(--prits-gb-fg-0);
|
||||
--text-muted: var(--prits-gb-grey-0);
|
||||
--interactive-active: var(--prits-gb-fg-1);
|
||||
--interactive-hover: var(--prits-gb-fg-1);
|
||||
--interactive-muted: var(--prits-gb-grey-0);
|
||||
--interactive-normal: var(--prits-gb-grey-2);
|
||||
--header-primary: var(--prits-gb-fg-1);
|
||||
--header-secondary: var(--prits-gb-grey-2);
|
||||
--channel-icon: var(--prits-gb-grey-2);
|
||||
--channels-default: var(--prits-gb-grey-2);
|
||||
--input-placeholder-text: var(--prits-gb-grey-1);
|
||||
--channel-text-area-placeholder: var(--prits-gb-grey-1);
|
||||
--button-secondary-background: var(--prits-gb-bg-4);
|
||||
--button-secondary-background-active: var(--prits-gb-bg-5);
|
||||
--button-secondary-background-disabled: var(--prits-gb-bg-word);
|
||||
--button-secondary-background-hover: var(--prits-gb-bg-5);
|
||||
--button-positive-background: var(--green-430);
|
||||
--button-positive-background-active: var(--green-530);
|
||||
--button-positive-background-disabled: var(--green-430);
|
||||
--button-positive-background-hover: var(--green-500);
|
||||
--button-danger-background: var(--red-430);
|
||||
--button-danger-background-active: var(--red-530);
|
||||
--button-danger-background-disabled: var(--red-430);
|
||||
--button-danger-background-hover: var(--red-500);
|
||||
--button-outline-brand-background: hsl(var(--white-500-hsl) / 0);
|
||||
--button-outline-brand-background-active: var(--brand-560);
|
||||
--button-outline-brand-background-hover: var(--brand-500);
|
||||
--button-outline-brand-border: var(--brand-500);
|
||||
--button-outline-brand-border-active: var(--brand-560);
|
||||
--button-outline-brand-border-hover: var(--brand-500);
|
||||
--button-outline-brand-text: var(--white-500);
|
||||
--button-outline-brand-text-active: var(--white-500);
|
||||
--button-outline-brand-text-hover: var(--white-500);
|
||||
--button-outline-danger-background: hsl(var(--white-500-hsl) / 0);
|
||||
--button-outline-danger-background-active: var(--red-460);
|
||||
--button-outline-danger-background-hover: var(--red-430);
|
||||
--button-outline-danger-border: var(--red-400);
|
||||
--button-outline-danger-border-active: var(--red-430);
|
||||
--button-outline-danger-border-hover: var(--red-430);
|
||||
--button-outline-danger-text: var(--white-500);
|
||||
--button-outline-danger-text-active: var(--white-500);
|
||||
--button-outline-danger-text-hover: var(--white-500);
|
||||
--button-outline-positive-background: hsl(var(--white-500-hsl) / 0);
|
||||
--button-outline-positive-background-active: var(--green-530);
|
||||
--button-outline-positive-background-hover: var(--green-430);
|
||||
--button-outline-positive-border: var(--green-360);
|
||||
--button-outline-positive-border-active: var(--green-530);
|
||||
--button-outline-positive-border-hover: var(--green-430);
|
||||
--button-outline-positive-text: var(--white-500);
|
||||
--button-outline-positive-text-active: var(--white-500);
|
||||
--button-outline-positive-text-hover: var(--white-500);
|
||||
--button-outline-primary-background: transparent;
|
||||
--button-outline-primary-background-active: var(--prits-gb-bg-1);
|
||||
--button-outline-primary-background-hover: var(--prits-gb-bg-4);
|
||||
--button-outline-primary-border: var(--prits-gb-bg-4);
|
||||
--button-outline-primary-border-active: var(--prits-gb-bg-5);
|
||||
--button-outline-primary-border-hover: var(--prits-gb-bg-5);
|
||||
--button-outline-primary-text: var(--prits-gb-grey-2);
|
||||
--button-outline-primary-text-active: var(--prits-gb-fg-1);
|
||||
--button-outline-primary-text-hover: var(--prits-gb-fg-1);
|
||||
--brand-experiment: var(--prits-gb-accent-purple);
|
||||
--brand-100: var(--prits-gb-accent-purple);
|
||||
--brand-130: var(--prits-gb-accent-purple);
|
||||
--brand-160: var(--prits-gb-accent-purple);
|
||||
--brand-200: var(--prits-gb-accent-purple);
|
||||
--brand-230: var(--prits-gb-accent-purple);
|
||||
--brand-260: var(--prits-gb-accent-purple);
|
||||
--brand-300: var(--prits-gb-accent-purple);
|
||||
--brand-330: var(--prits-gb-accent-purple);
|
||||
--brand-345: var(--prits-gb-accent-purple);
|
||||
--brand-360: var(--prits-gb-accent-purple);
|
||||
--brand-400: var(--prits-gb-accent-purple);
|
||||
--brand-430: var(--prits-gb-accent-purple);
|
||||
--brand-460: var(--prits-gb-accent-purple);
|
||||
--brand-500: var(--prits-gb-accent-purple);
|
||||
--brand-530: var(--prits-gb-accent-purple);
|
||||
--brand-560: var(--prits-gb-accent-purple);
|
||||
--brand-600: var(--prits-gb-accent-purple);
|
||||
--brand-630: var(--prits-gb-accent-purple);
|
||||
--brand-660: var(--prits-gb-accent-purple);
|
||||
--brand-700: var(--prits-gb-accent-purple);
|
||||
--brand-730: var(--prits-gb-accent-purple);
|
||||
--brand-760: var(--prits-gb-accent-purple);
|
||||
--brand-800: var(--prits-gb-accent-purple);
|
||||
--brand-830: var(--prits-gb-accent-purple);
|
||||
--brand-860: var(--prits-gb-accent-purple);
|
||||
--brand-900: var(--prits-gb-accent-purple);
|
||||
--orange-100: var(--prits-gb-accent-orange);
|
||||
--orange-130: var(--prits-gb-accent-orange);
|
||||
--orange-160: var(--prits-gb-accent-orange);
|
||||
--orange-200: var(--prits-gb-accent-orange);
|
||||
--orange-230: var(--prits-gb-accent-orange);
|
||||
--orange-260: var(--prits-gb-accent-orange);
|
||||
--orange-300: var(--prits-gb-accent-orange);
|
||||
--orange-330: var(--prits-gb-accent-orange);
|
||||
--orange-345: var(--prits-gb-accent-orange);
|
||||
--orange-360: var(--prits-gb-accent-orange);
|
||||
--orange-400: var(--prits-gb-accent-orange);
|
||||
--orange-430: var(--prits-gb-accent-orange);
|
||||
--orange-460: var(--prits-gb-accent-orange);
|
||||
--orange-500: var(--prits-gb-accent-orange);
|
||||
--orange-530: var(--prits-gb-accent-orange);
|
||||
--orange-560: var(--prits-gb-accent-orange);
|
||||
--orange-600: var(--prits-gb-accent-orange);
|
||||
--orange-630: var(--prits-gb-accent-orange);
|
||||
--orange-660: var(--prits-gb-accent-orange);
|
||||
--orange-700: var(--prits-gb-accent-orange);
|
||||
--orange-730: var(--prits-gb-accent-orange);
|
||||
--orange-760: var(--prits-gb-accent-orange);
|
||||
--orange-800: var(--prits-gb-accent-orange);
|
||||
--orange-830: var(--prits-gb-accent-orange);
|
||||
--orange-860: var(--prits-gb-accent-orange);
|
||||
--orange-900: var(--prits-gb-accent-orange);
|
||||
--primary-100: var(--prits-gb-bg-1);
|
||||
--primary-130: var(--prits-gb-bg-1);
|
||||
--primary-160: var(--prits-gb-bg-1);
|
||||
--primary-200: var(--prits-gb-bg-1);
|
||||
--primary-230: var(--prits-gb-bg-1);
|
||||
--primary-260: var(--prits-gb-bg-1);
|
||||
--primary-300: var(--prits-gb-bg-1);
|
||||
--primary-330: var(--prits-gb-bg-1);
|
||||
--primary-345: var(--prits-gb-bg-1);
|
||||
--primary-360: var(--prits-gb-bg-1);
|
||||
--primary-400: var(--prits-gb-bg-1);
|
||||
--primary-430: var(--prits-gb-bg-1);
|
||||
--primary-460: var(--prits-gb-bg-1);
|
||||
--primary-500: var(--prits-gb-bg-1);
|
||||
--primary-530: var(--prits-gb-bg-1);
|
||||
--primary-560: var(--prits-gb-bg-1);
|
||||
--primary-600: var(--prits-gb-bg-1);
|
||||
--primary-630: var(--prits-gb-bg-1);
|
||||
--primary-645: var(--prits-gb-bg-1);
|
||||
--primary-660: var(--prits-gb-bg-1);
|
||||
--primary-700: var(--prits-gb-bg-1);
|
||||
--primary-730: var(--prits-gb-bg-1);
|
||||
--primary-760: var(--prits-gb-bg-1);
|
||||
--primary-800: var(--prits-gb-bg-1);
|
||||
--primary-830: var(--prits-gb-bg-1);
|
||||
--primary-860: var(--prits-gb-bg-1);
|
||||
--primary-900: var(--prits-gb-bg-1);
|
||||
--green-100: var(--prits-gb-accent-green);
|
||||
--green-130: var(--prits-gb-accent-green);
|
||||
--green-160: var(--prits-gb-accent-green);
|
||||
--green-200: var(--prits-gb-accent-green);
|
||||
--green-230: var(--prits-gb-accent-green);
|
||||
--green-260: var(--prits-gb-accent-green);
|
||||
--green-300: var(--prits-gb-accent-green);
|
||||
--green-330: var(--prits-gb-accent-green);
|
||||
--green-345: var(--prits-gb-accent-green);
|
||||
--green-360: var(--prits-gb-accent-green);
|
||||
--green-400: var(--prits-gb-accent-green);
|
||||
--green-430: var(--prits-gb-accent-green);
|
||||
--green-460: var(--prits-gb-accent-green);
|
||||
--green-500: var(--prits-gb-accent-green);
|
||||
--green-530: var(--prits-gb-accent-green);
|
||||
--green-560: var(--prits-gb-accent-green);
|
||||
--green-600: var(--prits-gb-accent-green);
|
||||
--green-630: var(--prits-gb-accent-green);
|
||||
--green-660: var(--prits-gb-accent-green);
|
||||
--green-700: var(--prits-gb-accent-green);
|
||||
--green-730: var(--prits-gb-accent-green);
|
||||
--green-760: var(--prits-gb-accent-green);
|
||||
--green-800: var(--prits-gb-accent-green);
|
||||
--green-830: var(--prits-gb-accent-green);
|
||||
--green-860: var(--prits-gb-accent-green);
|
||||
--green-900: var(--prits-gb-accent-green);
|
||||
--blue-100: var(--prits-gb-accent-blue);
|
||||
--blue-130: var(--prits-gb-accent-blue);
|
||||
--blue-160: var(--prits-gb-accent-blue);
|
||||
--blue-200: var(--prits-gb-accent-blue);
|
||||
--blue-230: var(--prits-gb-accent-blue);
|
||||
--blue-260: var(--prits-gb-accent-blue);
|
||||
--blue-300: var(--prits-gb-accent-blue);
|
||||
--blue-330: var(--prits-gb-accent-blue);
|
||||
--blue-345: var(--prits-gb-accent-blue);
|
||||
--blue-360: var(--prits-gb-accent-blue);
|
||||
--blue-400: var(--prits-gb-accent-blue);
|
||||
--blue-430: var(--prits-gb-accent-blue);
|
||||
--blue-460: var(--prits-gb-accent-blue);
|
||||
--blue-500: var(--prits-gb-accent-blue);
|
||||
--blue-530: var(--prits-gb-accent-blue);
|
||||
--blue-560: var(--prits-gb-accent-blue);
|
||||
--blue-600: var(--prits-gb-accent-blue);
|
||||
--blue-630: var(--prits-gb-accent-blue);
|
||||
--blue-660: var(--prits-gb-accent-blue);
|
||||
--blue-700: var(--prits-gb-accent-blue);
|
||||
--blue-730: var(--prits-gb-accent-blue);
|
||||
--blue-760: var(--prits-gb-accent-blue);
|
||||
--blue-800: var(--prits-gb-accent-blue);
|
||||
--blue-830: var(--prits-gb-accent-blue);
|
||||
--blue-860: var(--prits-gb-accent-blue);
|
||||
--blue-900: var(--prits-gb-accent-blue);
|
||||
--black-100: var(--prits-gb-bg-dim-dark);
|
||||
--black-130: var(--prits-gb-bg-dim-dark);
|
||||
--black-160: var(--prits-gb-bg-dim-dark);
|
||||
--black-200: var(--prits-gb-bg-dim-dark);
|
||||
--black-230: var(--prits-gb-bg-dim-dark);
|
||||
--black-260: var(--prits-gb-bg-dim-dark);
|
||||
--black-300: var(--prits-gb-bg-dim-dark);
|
||||
--black-330: var(--prits-gb-bg-dim-dark);
|
||||
--black-345: var(--prits-gb-bg-dim-dark);
|
||||
--black-360: var(--prits-gb-bg-dim-dark);
|
||||
--black-400: var(--prits-gb-bg-dim-dark);
|
||||
--black-430: var(--prits-gb-bg-dim-dark);
|
||||
--black-460: var(--prits-gb-bg-dim-dark);
|
||||
--black-500: var(--prits-gb-bg-dim-dark);
|
||||
--black-530: var(--prits-gb-bg-dim-dark);
|
||||
--black-560: var(--prits-gb-bg-dim-dark);
|
||||
--black-600: var(--prits-gb-bg-dim-dark);
|
||||
--black-630: var(--prits-gb-bg-dim-dark);
|
||||
--black-660: var(--prits-gb-bg-dim-dark);
|
||||
--black-700: var(--prits-gb-bg-dim-dark);
|
||||
--black-730: var(--prits-gb-bg-dim-dark);
|
||||
--black-760: var(--prits-gb-bg-dim-dark);
|
||||
--black-800: var(--prits-gb-bg-dim-dark);
|
||||
--black-830: var(--prits-gb-bg-dim-dark);
|
||||
--black-860: var(--prits-gb-bg-dim-dark);
|
||||
--black-900: var(--prits-gb-bg-dim-dark);
|
||||
--red-100: var(--prits-gb-accent-red);
|
||||
--red-130: var(--prits-gb-accent-red);
|
||||
--red-160: var(--prits-gb-accent-red);
|
||||
--red-200: var(--prits-gb-accent-red);
|
||||
--red-230: var(--prits-gb-accent-red);
|
||||
--red-260: var(--prits-gb-accent-red);
|
||||
--red-300: var(--prits-gb-accent-red);
|
||||
--red-330: var(--prits-gb-accent-red);
|
||||
--red-345: var(--prits-gb-accent-red);
|
||||
--red-360: var(--prits-gb-accent-red);
|
||||
--red-400: var(--prits-gb-accent-red);
|
||||
--red-430: var(--prits-gb-accent-red);
|
||||
--red-460: var(--prits-gb-accent-red);
|
||||
--red-500: var(--prits-gb-accent-red);
|
||||
--red-530: var(--prits-gb-accent-red);
|
||||
--red-560: var(--prits-gb-accent-red);
|
||||
--red-600: var(--prits-gb-accent-red);
|
||||
--red-630: var(--prits-gb-accent-red);
|
||||
--red-660: var(--prits-gb-accent-red);
|
||||
--red-700: var(--prits-gb-accent-red);
|
||||
--red-730: var(--prits-gb-accent-red);
|
||||
--red-760: var(--prits-gb-accent-red);
|
||||
--red-800: var(--prits-gb-accent-red);
|
||||
--red-830: var(--prits-gb-accent-red);
|
||||
--red-860: var(--prits-gb-accent-red);
|
||||
--red-900: var(--prits-gb-accent-red);
|
||||
--white-100: var(--prits-gb-bg-dim-light);
|
||||
--white-130: var(--prits-gb-bg-dim-light);
|
||||
--white-160: var(--prits-gb-bg-dim-light);
|
||||
--white-200: var(--prits-gb-bg-dim-light);
|
||||
--white-230: var(--prits-gb-bg-dim-light);
|
||||
--white-260: var(--prits-gb-bg-dim-light);
|
||||
--white-300: var(--prits-gb-bg-dim-light);
|
||||
--white-330: var(--prits-gb-bg-dim-light);
|
||||
--white-345: var(--prits-gb-bg-dim-light);
|
||||
--white-360: var(--prits-gb-bg-dim-light);
|
||||
--white-400: var(--prits-gb-bg-dim-light);
|
||||
--white-430: var(--prits-gb-bg-dim-light);
|
||||
--white-460: var(--prits-gb-bg-dim-light);
|
||||
--white-500: var(--prits-gb-bg-dim-light);
|
||||
--white-530: var(--prits-gb-bg-dim-light);
|
||||
--white-560: var(--prits-gb-bg-dim-light);
|
||||
--white-600: var(--prits-gb-bg-dim-light);
|
||||
--white-630: var(--prits-gb-bg-dim-light);
|
||||
--white-660: var(--prits-gb-bg-dim-light);
|
||||
--white-700: var(--prits-gb-bg-dim-light);
|
||||
--white-730: var(--prits-gb-bg-dim-light);
|
||||
--white-760: var(--prits-gb-bg-dim-light);
|
||||
--white-800: var(--prits-gb-bg-dim-light);
|
||||
--white-830: var(--prits-gb-bg-dim-light);
|
||||
--white-860: var(--prits-gb-bg-dim-light);
|
||||
--white-900: var(--prits-gb-bg-dim-light);
|
||||
--yellow-100: var(--prits-gb-accent-yellow);
|
||||
--yellow-130: var(--prits-gb-accent-yellow);
|
||||
--yellow-160: var(--prits-gb-accent-yellow);
|
||||
--yellow-200: var(--prits-gb-accent-yellow);
|
||||
--yellow-230: var(--prits-gb-accent-yellow);
|
||||
--yellow-260: var(--prits-gb-accent-yellow);
|
||||
--yellow-300: var(--prits-gb-accent-yellow);
|
||||
--yellow-330: var(--prits-gb-accent-yellow);
|
||||
--yellow-345: var(--prits-gb-accent-yellow);
|
||||
--yellow-360: var(--prits-gb-accent-yellow);
|
||||
--yellow-400: var(--prits-gb-accent-yellow);
|
||||
--yellow-430: var(--prits-gb-accent-yellow);
|
||||
--yellow-460: var(--prits-gb-accent-yellow);
|
||||
--yellow-500: var(--prits-gb-accent-yellow);
|
||||
--yellow-530: var(--prits-gb-accent-yellow);
|
||||
--yellow-560: var(--prits-gb-accent-yellow);
|
||||
--yellow-600: var(--prits-gb-accent-yellow);
|
||||
--yellow-630: var(--prits-gb-accent-yellow);
|
||||
--yellow-660: var(--prits-gb-accent-yellow);
|
||||
--yellow-700: var(--prits-gb-accent-yellow);
|
||||
--yellow-730: var(--prits-gb-accent-yellow);
|
||||
--yellow-760: var(--prits-gb-accent-yellow);
|
||||
--yellow-800: var(--prits-gb-accent-yellow);
|
||||
--yellow-830: var(--prits-gb-accent-yellow);
|
||||
--yellow-860: var(--prits-gb-accent-yellow);
|
||||
--yellow-900: var(--prits-gb-accent-yellow);
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
text-rendering: optimizeLegibility !important;
|
||||
font-family: "Rubik", sans-serif !important;
|
||||
}
|
||||
|
||||
[class*=membersWrap] {
|
||||
background-color: var(--prits-gb-bg-dim);
|
||||
}
|
||||
|
||||
div[class*=sidebar] {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
div[class*=container] div[class*=base]:not([class*=baseLayer]):not([class*=member]):not([class*=typing]):not([class*=numberBadge]) {
|
||||
padding-right: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
div[class*=container] div[class*=base]:not([class*=baseLayer]):not([class*=member]):not([class*=typing]):not([class*=numberBadge]) div[class*=chat] {
|
||||
--bg-overlay-chat: var(--prits-gb-bg-dim);
|
||||
}
|
||||
|
||||
section[class*=title] {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
div[class*=sidebar],
|
||||
section[class*=title],
|
||||
div[class*=members],
|
||||
aside[class*=profilePanel],
|
||||
main[class*=chatContent] {
|
||||
border-radius: 8px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div[class*=members],
|
||||
aside[class*=profilePanel] {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
section[class*=panels] div[class*=container] {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
|
||||
div[class*=members] [class*=member] {
|
||||
margin-left: unset;
|
||||
background: unset;
|
||||
}
|
||||
|
||||
div[class*=gradientContainer][class*=gradientBottom] {
|
||||
--gradient-color: 20, 22, 23;
|
||||
background: linear-gradient(#141617, rgba(var(--gradient-color), 0.738) 19%, rgba(var(--gradient-color), 0.541) 34%, rgba(var(--gradient-color), 0.382) 47%, rgba(var(--gradient-color), 0.278) 56.5%, rgba(var(--gradient-color), 0.194) 65%, rgba(var(--gradient-color), 0.126) 73%, rgba(var(--gradient-color), 0.075) 80.2%, rgba(var(--gradient-color), 0.042) 86.1%, rgba(var(--gradient-color), 0.021) 91%, rgba(var(--gradient-color), 0.008) 95.2%, rgba(var(--gradient-color), 0.002) 98.2%, transparent);
|
||||
}
|
||||
|
||||
div[class*=bottomControls],
|
||||
div[class*=regionSelectName] {
|
||||
--primary-300: var(--prits-gb-fg-0);
|
||||
}
|
||||
|
||||
div[role=dialog] div[class*=footer] {
|
||||
--primary-200: var(--prits-gb-fg-0);
|
||||
}
|
||||
|
||||
input[class*=inputDefault] {
|
||||
background-color: var(--prits-gb-bg-0);
|
||||
}
|
||||
|
||||
div[class*=searchBar] {
|
||||
background-color: var(--prits-gb-bg-dim);
|
||||
}
|
||||
|
||||
div[class*=members] {
|
||||
padding: 8px;
|
||||
background-color: var(--prits-gb-bg-word);
|
||||
}
|
||||
|
||||
main[class*=chatContent] {
|
||||
background-color: var(--prits-gb-bg-word);
|
||||
}
|
||||
|
||||
[class*=member] [class*=subText] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class*=membersGroup] {
|
||||
height: unset;
|
||||
padding: 8px 0 4px 8px;
|
||||
}
|
||||
|
||||
[id*=message-content] code {
|
||||
max-height: 240px;
|
||||
}
|
||||
|
||||
form[class*=form]::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li[id*=chat-messages] div[class*=groupStart]:first-child {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
li[id*=chat-messages] {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
[class*=footerSeparator] {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
svg[class*=artwork] {
|
||||
display: none !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
[class*=membersWrap] {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
[class*=membersGroup] [class*=member]:first-child {
|
||||
background: red !important;
|
||||
}
|
||||
|
||||
[class*=wordmarkWindows] svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class*=lookFilled][class*=colorPrimary] {
|
||||
color: var(--prits-gb-fg-1);
|
||||
}
|
||||
|
||||
[class*=defaultThemeSelection][class*=darkIcon] {
|
||||
background: var(--prits-gb-bg-3-dark);
|
||||
}
|
||||
|
||||
[class*=profileColors].theme-dark {
|
||||
--header-primary: var(--prits-gb-fg-1-dark);
|
||||
--text-normal: var(--prits-gb-fg-0-dark);
|
||||
--text-link: var(--prits-gb-accent-blue-dark);
|
||||
}
|
||||
|
||||
[class*=profileColors].theme-light {
|
||||
--header-primary: var(--prits-gb-fg-1-light);
|
||||
--text-normal: var(--prits-gb-fg-0-light);
|
||||
--text-link: var(--prits-gb-accent-blue-light);
|
||||
}
|
||||
|
||||
html:root {
|
||||
--vc-membercount-color: var(--prits-gb-fg-0);
|
||||
}
|
||||
|
||||
#vc-membercount {
|
||||
margin-top: 0 !important;
|
||||
padding-block: 8px;
|
||||
--primary-400: var(--vc-membercount-color);
|
||||
}
|
||||
|
||||
.messagelogger-deleted {
|
||||
background-color: var(--prits-gb-bg-diff-red);
|
||||
border-left: 4px solid var(--prits-gb-accent-red);
|
||||
}
|
||||
|
||||
div[class*=messageAttachment] div[class*=ripple] {
|
||||
--brand-500: var(--prits-gb-bg-5) !important;
|
||||
}
|
||||
div[class*=messageAttachment] canvas[class*=waveform] {
|
||||
filter: grayscale(1);
|
||||
}
|
||||
|
||||
|
||||
:root {
|
||||
--prits-gb-bg-0-dark: #2f202f;
|
||||
--prits-gb-bg-1-dark: #382838;
|
||||
--prits-gb-bg-2-dark: #48283f;
|
||||
--prits-gb-bg-3-dark: #4c384b;
|
||||
--prits-gb-bg-4-dark: #5c3836;
|
||||
--prits-gb-bg-5-dark: #604944;
|
||||
--prits-gb-bg-dim-dark: #141617;
|
||||
--prits-gb-bg-word-dark: #32302f;
|
||||
--prits-gb-bg-diff-green-dark: #32361a;
|
||||
--prits-gb-bg-diff-blue-dark: #0d3138;
|
||||
--prits-gb-bg-diff-red-dark: #3c1f1e;
|
||||
--prits-gb-bg-visual-yellow-dark: #473c29;
|
||||
--prits-gb-bg-visual-green-dark: #333e34;
|
||||
--prits-gb-bg-visual-blue-dark: #2e3b3b;
|
||||
--prits-gb-bg-visual-red-dark: #442e2d;
|
||||
--prits-gb-bg-accent-yellow-dark: #d8a656;
|
||||
--prits-gb-bg-accent-green-dark: #a8b665;
|
||||
--prits-gb-bg-accent-red-dark: #ea6962;
|
||||
--prits-gb-fg-0-dark: #d4be98;
|
||||
--prits-gb-fg-1-dark: #ddc7a0;
|
||||
--prits-gb-grey-0-dark: #7c6f64;
|
||||
--prits-gb-grey-1-dark: #918274;
|
||||
--prits-gb-grey-2-dark: #a79a83;
|
||||
--prits-gb-accent-red-dark: #ea6962;
|
||||
--prits-gb-accent-orange-dark: #e78a4f;
|
||||
--prits-gb-accent-yellow-dark: #d8a656;
|
||||
--prits-gb-accent-green-dark: #a8b665;
|
||||
--prits-gb-accent-aqua-dark: #89B48;
|
||||
--prits-gb-accent-blue-dark: #7caea3;
|
||||
--prits-gb-accent-purple-dark: #d3859b;
|
||||
--prits-gb-bg-0-light: #f9f5d7;
|
||||
--prits-gb-bg-1-light: #f5edca;
|
||||
--prits-gb-bg-2-light: #f2eac7;
|
||||
--prits-gb-bg-3-light: #f2e4bc;
|
||||
--prits-gb-bg-4-light: #efdfb7;
|
||||
--prits-gb-bg-5-light: #ebdbb2;
|
||||
--prits-gb-bg-dim-light: #f2eac7;
|
||||
--prits-gb-bg-word-light: #f2eac7;
|
||||
--prits-gb-bg-diff-green-light: #e4edc7;
|
||||
--prits-gb-bg-diff-blue-light: #e0e9d3;
|
||||
--prits-gb-bg-diff-red-light: #f8e4c9;
|
||||
--prits-gb-bg-visual-yellow-light: #f9e9bf;
|
||||
--prits-gb-bg-visual-green-light: #dce5c2;
|
||||
--prits-gb-bg-visual-blue-light: #d8e1cc;
|
||||
--prits-gb-bg-visual-red-light: #f0ddc3;
|
||||
--prits-gb-bg-accent-yellow-light: #a96b2d;
|
||||
--prits-gb-bg-accent-green-light: #6f8252;
|
||||
--prits-gb-bg-accent-red-light: #ae5858;
|
||||
--prits-gb-fg-0-light: #644735;
|
||||
--prits-gb-fg-1-light: #503829;
|
||||
--prits-gb-grey-0-light: #a79a83;
|
||||
--prits-gb-grey-1-light: #928374;
|
||||
--prits-gb-grey-2-light: #7c6f64;
|
||||
--prits-gb-accent-red-light: #c14a4a;
|
||||
--prits-gb-accent-orange-light: #c35e0a;
|
||||
--prits-gb-accent-yellow-light: #b37109;
|
||||
--prits-gb-accent-green-light: #6c782e;
|
||||
--prits-gb-accent-aqua-light: #4b7a5d;
|
||||
--prits-gb-accent-blue-light: #45707a;
|
||||
--prits-gb-accent-purple-light: #945e80;
|
||||
}
|
||||
Reference in New Issue
Block a user