From 5d1307e7d6c925445df7a49c9f886e369a2bd331 Mon Sep 17 00:00:00 2001 From: Prits Date: Fri, 12 Jan 2024 16:40:00 +0000 Subject: [PATCH] Add 'theme-full.css' --- theme-full.css | 630 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 630 insertions(+) create mode 100644 theme-full.css diff --git a/theme-full.css b/theme-full.css new file mode 100644 index 0000000..4b53a62 --- /dev/null +++ b/theme-full.css @@ -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; +} \ No newline at end of file