1244 lines
47 KiB
SCSS
1244 lines
47 KiB
SCSS
@use "colors";
|
|
@use "sass:color";
|
|
|
|
$mention-bg: color.adjust(colors.$accent, $alpha: -0.9);
|
|
$mention-mentioned: color.adjust(colors.$accent, $alpha: -0.95);
|
|
$mention-hover: color.adjust(colors.$accent, $alpha: -0.92);
|
|
|
|
$mod-hover: color.adjust(colors.$highlight, $alpha: -0.84);
|
|
$mod-active: color.adjust(colors.$highlight, $alpha: -0.8);
|
|
$mod-selected: color.adjust(colors.$highlight, $alpha: -0.76);
|
|
|
|
$card: color.adjust(colors.$primary, $alpha: -0.4);
|
|
$card-edit: color.adjust(colors.$primary, $alpha: -0.7);
|
|
|
|
$brand-500: colors.$accent;
|
|
$brand-100: color.scale($brand-500, $lightness: 95%);
|
|
$brand-130: color.scale($brand-500, $lightness: 91.2%);
|
|
$brand-160: color.scale($brand-500, $lightness: 85.9%);
|
|
$brand-200: color.scale($brand-500, $lightness: 80%);
|
|
$brand-230: color.scale($brand-500, $lightness: 74.3%);
|
|
$brand-260: color.scale($brand-500, $lightness: 67.8%);
|
|
$brand-300: color.scale($brand-500, $lightness: 60%);
|
|
$brand-330: color.scale($brand-500, $lightness: 48.2%);
|
|
$brand-360: color.scale($brand-500, $lightness: 36%);
|
|
$brand-400: color.scale($brand-500, $lightness: 20%);
|
|
$brand-430: color.scale($brand-500, $lightness: 14.6%);
|
|
$brand-460: color.scale($brand-500, $lightness: 8%);
|
|
$brand-530: color.scale($brand-500, $lightness: -09%);
|
|
$brand-560: color.scale($brand-500, $lightness: -19%);
|
|
$brand-600: color.scale($brand-500, $lightness: -32%);
|
|
$brand-630: color.scale($brand-500, $lightness: -41.1%);
|
|
$brand-660: color.scale($brand-500, $lightness: -54.5%);
|
|
$brand-700: color.scale($brand-500, $lightness: -60%);
|
|
$brand-730: color.scale($brand-500, $lightness: -62.2%);
|
|
$brand-760: color.scale($brand-500, $lightness: -65.5%);
|
|
$brand-800: color.scale($brand-500, $lightness: -70%);
|
|
$brand-830: color.scale($brand-500, $lightness: -76.8%);
|
|
$brand-860: color.scale($brand-500, $lightness: -85%);
|
|
$brand-900: color.scale($brand-500, $lightness: -95%);
|
|
$brand-05a: color.adjust($brand-500, $alpha: -0.95);
|
|
$brand-10a: color.adjust($brand-500, $alpha: -0.9);
|
|
$brand-15a: color.adjust($brand-500, $alpha: -0.85);
|
|
$brand-20a: color.adjust($brand-500, $alpha: -0.8);
|
|
$brand-25a: color.adjust($brand-500, $alpha: -0.75);
|
|
$brand-30a: color.adjust($brand-500, $alpha: -0.7);
|
|
$brand-35a: color.adjust($brand-500, $alpha: -0.65);
|
|
$brand-40a: color.adjust($brand-500, $alpha: -0.6);
|
|
$brand-45a: color.adjust($brand-500, $alpha: -0.55);
|
|
$brand-50a: color.adjust($brand-500, $alpha: -0.5);
|
|
$brand-55a: color.adjust($brand-500, $alpha: -0.45);
|
|
$brand-60a: color.adjust($brand-500, $alpha: -0.4);
|
|
$brand-65a: color.adjust($brand-500, $alpha: -0.35);
|
|
$brand-70a: color.adjust($brand-500, $alpha: -0.3);
|
|
$brand-75a: color.adjust($brand-500, $alpha: -0.25);
|
|
$brand-80a: color.adjust($brand-500, $alpha: -0.2);
|
|
$brand-85a: color.adjust($brand-500, $alpha: -0.15);
|
|
$brand-90a: color.adjust($brand-500, $alpha: -0.1);
|
|
$brand-95a: color.adjust($brand-500, $alpha: -0.05);
|
|
|
|
$primary-500: #262626;
|
|
$primary-100: color.scale($primary-500, $lightness: 95%);
|
|
$primary-130: color.scale($primary-500, $lightness: 91.2%);
|
|
$primary-160: color.scale($primary-500, $lightness: 85.9%);
|
|
$primary-200: color.scale($primary-500, $lightness: 80%);
|
|
$primary-230: color.scale($primary-500, $lightness: 74.3%);
|
|
$primary-260: color.scale($primary-500, $lightness: 67.8%);
|
|
$primary-300: color.scale($primary-500, $lightness: 60%);
|
|
$primary-330: color.scale($primary-500, $lightness: 48.2%);
|
|
$primary-345: color.scale($primary-500, $lightness: 40.4%);
|
|
$primary-360: color.scale($primary-500, $lightness: 36%);
|
|
$primary-400: color.scale($primary-500, $lightness: 20%);
|
|
$primary-430: color.scale($primary-500, $lightness: 14.6%);
|
|
$primary-460: color.scale($primary-500, $lightness: 8%);
|
|
$primary-530: color.scale($primary-500, $lightness: -09%);
|
|
$primary-560: color.scale($primary-500, $lightness: -19%);
|
|
$primary-600: color.scale($primary-500, $lightness: -32%);
|
|
$primary-630: color.scale($primary-500, $lightness: -41.1%);
|
|
$primary-645: color.scale($primary-500, $lightness: -48.1%);
|
|
$primary-660: color.scale($primary-500, $lightness: -54.5%);
|
|
$primary-700: color.scale($primary-500, $lightness: -60%);
|
|
$primary-730: color.scale($primary-500, $lightness: -62.2%);
|
|
$primary-760: color.scale($primary-500, $lightness: -65.5%);
|
|
$primary-800: color.scale($primary-500, $lightness: -70%);
|
|
$primary-830: color.scale($primary-500, $lightness: -76.8%);
|
|
$primary-860: color.scale($primary-500, $lightness: -85%);
|
|
$primary-900: color.scale($primary-500, $lightness: -95%);
|
|
|
|
$red-500: #e896c7;
|
|
$red-100: color.scale($red-500, $lightness: 95%);
|
|
$red-130: color.scale($red-500, $lightness: 91.2%);
|
|
$red-160: color.scale($red-500, $lightness: 85.9%);
|
|
$red-200: color.scale($red-500, $lightness: 80%);
|
|
$red-230: color.scale($red-500, $lightness: 74.3%);
|
|
$red-260: color.scale($red-500, $lightness: 67.8%);
|
|
$red-300: color.scale($red-500, $lightness: 60%);
|
|
$red-330: color.scale($red-500, $lightness: 48.2%);
|
|
$red-345: color.scale($red-500, $lightness: 40.4%);
|
|
$red-360: color.scale($red-500, $lightness: 36%);
|
|
$red-400: color.scale($red-500, $lightness: 20%);
|
|
$red-430: color.scale($red-500, $lightness: 14.6%);
|
|
$red-460: color.scale($red-500, $lightness: 8%);
|
|
$red-530: color.scale($red-500, $lightness: -09%);
|
|
$red-560: color.scale($red-500, $lightness: -19%);
|
|
$red-600: color.scale($red-500, $lightness: -32%);
|
|
$red-630: color.scale($red-500, $lightness: -41.1%);
|
|
$red-645: color.scale($red-500, $lightness: -48.1%);
|
|
$red-660: color.scale($red-500, $lightness: -54.5%);
|
|
$red-700: color.scale($red-500, $lightness: -60%);
|
|
$red-730: color.scale($red-500, $lightness: -62.2%);
|
|
$red-760: color.scale($red-500, $lightness: -65.5%);
|
|
$red-800: color.scale($red-500, $lightness: -70%);
|
|
$red-830: color.scale($red-500, $lightness: -76.8%);
|
|
$red-860: color.scale($red-500, $lightness: -85%);
|
|
$red-900: color.scale($red-500, $lightness: -95%);
|
|
|
|
$orange-500: #ffb65e;
|
|
$orange-100: color.scale($orange-500, $lightness: 95%);
|
|
$orange-130: color.scale($orange-500, $lightness: 91.2%);
|
|
$orange-160: color.scale($orange-500, $lightness: 85.9%);
|
|
$orange-200: color.scale($orange-500, $lightness: 80%);
|
|
$orange-230: color.scale($orange-500, $lightness: 74.3%);
|
|
$orange-260: color.scale($orange-500, $lightness: 67.8%);
|
|
$orange-300: color.scale($orange-500, $lightness: 60%);
|
|
$orange-330: color.scale($orange-500, $lightness: 48.2%);
|
|
$orange-345: color.scale($orange-500, $lightness: 40.4%);
|
|
$orange-360: color.scale($orange-500, $lightness: 36%);
|
|
$orange-400: color.scale($orange-500, $lightness: 20%);
|
|
$orange-430: color.scale($orange-500, $lightness: 14.6%);
|
|
$orange-460: color.scale($orange-500, $lightness: 8%);
|
|
$orange-530: color.scale($orange-500, $lightness: -09%);
|
|
$orange-560: color.scale($orange-500, $lightness: -19%);
|
|
$orange-600: color.scale($orange-500, $lightness: -32%);
|
|
$orange-630: color.scale($orange-500, $lightness: -41.1%);
|
|
$orange-645: color.scale($orange-500, $lightness: -48.1%);
|
|
$orange-660: color.scale($orange-500, $lightness: -54.5%);
|
|
$orange-700: color.scale($orange-500, $lightness: -60%);
|
|
$orange-730: color.scale($orange-500, $lightness: -62.2%);
|
|
$orange-760: color.scale($orange-500, $lightness: -65.5%);
|
|
$orange-800: color.scale($orange-500, $lightness: -70%);
|
|
$orange-830: color.scale($orange-500, $lightness: -76.8%);
|
|
$orange-860: color.scale($orange-500, $lightness: -85%);
|
|
$orange-900: color.scale($orange-500, $lightness: -95%);
|
|
|
|
$yellow-500: #ca7a61;
|
|
$yellow-100: color.scale($yellow-500, $lightness: 95%);
|
|
$yellow-130: color.scale($yellow-500, $lightness: 91.2%);
|
|
$yellow-160: color.scale($yellow-500, $lightness: 85.9%);
|
|
$yellow-200: color.scale($yellow-500, $lightness: 80%);
|
|
$yellow-230: color.scale($yellow-500, $lightness: 74.3%);
|
|
$yellow-260: color.scale($yellow-500, $lightness: 67.8%);
|
|
$yellow-300: color.scale($yellow-500, $lightness: 60%);
|
|
$yellow-330: color.scale($yellow-500, $lightness: 48.2%);
|
|
$yellow-345: color.scale($yellow-500, $lightness: 40.4%);
|
|
$yellow-360: color.scale($yellow-500, $lightness: 36%);
|
|
$yellow-400: color.scale($yellow-500, $lightness: 20%);
|
|
$yellow-430: color.scale($yellow-500, $lightness: 14.6%);
|
|
$yellow-460: color.scale($yellow-500, $lightness: 8%);
|
|
$yellow-530: color.scale($yellow-500, $lightness: -09%);
|
|
$yellow-560: color.scale($yellow-500, $lightness: -19%);
|
|
$yellow-600: color.scale($yellow-500, $lightness: -32%);
|
|
$yellow-630: color.scale($yellow-500, $lightness: -41.1%);
|
|
$yellow-645: color.scale($yellow-500, $lightness: -48.1%);
|
|
$yellow-660: color.scale($yellow-500, $lightness: -54.5%);
|
|
$yellow-700: color.scale($yellow-500, $lightness: -60%);
|
|
$yellow-730: color.scale($yellow-500, $lightness: -62.2%);
|
|
$yellow-760: color.scale($yellow-500, $lightness: -65.5%);
|
|
$yellow-800: color.scale($yellow-500, $lightness: -70%);
|
|
$yellow-830: color.scale($yellow-500, $lightness: -76.8%);
|
|
$yellow-860: color.scale($yellow-500, $lightness: -85%);
|
|
$yellow-900: color.scale($yellow-500, $lightness: -95%);
|
|
|
|
$green-500: #6d9377;
|
|
$green-100: color.scale($green-500, $lightness: 95%);
|
|
$green-130: color.scale($green-500, $lightness: 91.2%);
|
|
$green-160: color.scale($green-500, $lightness: 85.9%);
|
|
$green-200: color.scale($green-500, $lightness: 80%);
|
|
$green-230: color.scale($green-500, $lightness: 74.3%);
|
|
$green-260: color.scale($green-500, $lightness: 67.8%);
|
|
$green-300: color.scale($green-500, $lightness: 60%);
|
|
$green-330: color.scale($green-500, $lightness: 48.2%);
|
|
$green-345: color.scale($green-500, $lightness: 40.4%);
|
|
$green-360: color.scale($green-500, $lightness: 36%);
|
|
$green-400: color.scale($green-500, $lightness: 20%);
|
|
$green-430: color.scale($green-500, $lightness: 14.6%);
|
|
$green-460: color.scale($green-500, $lightness: 8%);
|
|
$green-530: color.scale($green-500, $lightness: -09%);
|
|
$green-560: color.scale($green-500, $lightness: -19%);
|
|
$green-600: color.scale($green-500, $lightness: -32%);
|
|
$green-630: color.scale($green-500, $lightness: -41.1%);
|
|
$green-645: color.scale($green-500, $lightness: -48.1%);
|
|
$green-660: color.scale($green-500, $lightness: -54.5%);
|
|
$green-700: color.scale($green-500, $lightness: -60%);
|
|
$green-730: color.scale($green-500, $lightness: -62.2%);
|
|
$green-760: color.scale($green-500, $lightness: -65.5%);
|
|
$green-800: color.scale($green-500, $lightness: -70%);
|
|
$green-830: color.scale($green-500, $lightness: -76.8%);
|
|
$green-860: color.scale($green-500, $lightness: -85%);
|
|
$green-900: color.scale($green-500, $lightness: -95%);
|
|
|
|
$teal-500: #5432b1;
|
|
$teal-100: color.scale($teal-500, $lightness: 95%);
|
|
$teal-130: color.scale($teal-500, $lightness: 91.2%);
|
|
$teal-160: color.scale($teal-500, $lightness: 85.9%);
|
|
$teal-200: color.scale($teal-500, $lightness: 80%);
|
|
$teal-230: color.scale($teal-500, $lightness: 74.3%);
|
|
$teal-260: color.scale($teal-500, $lightness: 67.8%);
|
|
$teal-300: color.scale($teal-500, $lightness: 60%);
|
|
$teal-330: color.scale($teal-500, $lightness: 48.2%);
|
|
$teal-345: color.scale($teal-500, $lightness: 40.4%);
|
|
$teal-360: color.scale($teal-500, $lightness: 36%);
|
|
$teal-400: color.scale($teal-500, $lightness: 20%);
|
|
$teal-430: color.scale($teal-500, $lightness: 14.6%);
|
|
$teal-460: color.scale($teal-500, $lightness: 8%);
|
|
$teal-530: color.scale($teal-500, $lightness: -09%);
|
|
$teal-560: color.scale($teal-500, $lightness: -19%);
|
|
$teal-600: color.scale($teal-500, $lightness: -32%);
|
|
$teal-630: color.scale($teal-500, $lightness: -41.1%);
|
|
$teal-645: color.scale($teal-500, $lightness: -48.1%);
|
|
$teal-660: color.scale($teal-500, $lightness: -54.5%);
|
|
$teal-700: color.scale($teal-500, $lightness: -60%);
|
|
$teal-730: color.scale($teal-500, $lightness: -62.2%);
|
|
$teal-760: color.scale($teal-500, $lightness: -65.5%);
|
|
$teal-800: color.scale($teal-500, $lightness: -70%);
|
|
$teal-830: color.scale($teal-500, $lightness: -76.8%);
|
|
$teal-860: color.scale($teal-500, $lightness: -85%);
|
|
$teal-900: color.scale($teal-500, $lightness: -95%);
|
|
|
|
$blue-500: #9cb1ee;
|
|
$blue-100: color.scale($blue-500, $lightness: 95%);
|
|
$blue-130: color.scale($blue-500, $lightness: 91.2%);
|
|
$blue-160: color.scale($blue-500, $lightness: 85.9%);
|
|
$blue-200: color.scale($blue-500, $lightness: 80%);
|
|
$blue-230: color.scale($blue-500, $lightness: 74.3%);
|
|
$blue-260: color.scale($blue-500, $lightness: 67.8%);
|
|
$blue-300: color.scale($blue-500, $lightness: 60%);
|
|
$blue-330: color.scale($blue-500, $lightness: 48.2%);
|
|
$blue-345: color.scale($blue-500, $lightness: 40.4%);
|
|
$blue-360: color.scale($blue-500, $lightness: 36%);
|
|
$blue-400: color.scale($blue-500, $lightness: 20%);
|
|
$blue-430: color.scale($blue-500, $lightness: 14.6%);
|
|
$blue-460: color.scale($blue-500, $lightness: 8%);
|
|
$blue-530: color.scale($blue-500, $lightness: -09%);
|
|
$blue-560: color.scale($blue-500, $lightness: -19%);
|
|
$blue-600: color.scale($blue-500, $lightness: -32%);
|
|
$blue-630: color.scale($blue-500, $lightness: -41.1%);
|
|
$blue-645: color.scale($blue-500, $lightness: -48.1%);
|
|
$blue-660: color.scale($blue-500, $lightness: -54.5%);
|
|
$blue-700: color.scale($blue-500, $lightness: -60%);
|
|
$blue-730: color.scale($blue-500, $lightness: -62.2%);
|
|
$blue-760: color.scale($blue-500, $lightness: -65.5%);
|
|
$blue-800: color.scale($blue-500, $lightness: -70%);
|
|
$blue-830: color.scale($blue-500, $lightness: -76.8%);
|
|
$blue-860: color.scale($blue-500, $lightness: -85%);
|
|
$blue-900: color.scale($blue-500, $lightness: -95%);
|
|
|
|
$white-500: colors.$c7;
|
|
$white-100: color.scale($white-500, $lightness: 95%);
|
|
$white-130: color.scale($white-500, $lightness: 91.2%);
|
|
$white-160: color.scale($white-500, $lightness: 85.9%);
|
|
$white-200: color.scale($white-500, $lightness: 80%);
|
|
$white-230: color.scale($white-500, $lightness: 74.3%);
|
|
$white-260: color.scale($white-500, $lightness: 67.8%);
|
|
$white-300: color.scale($white-500, $lightness: 60%);
|
|
$white-345: color.scale($white-500, $lightness: 40.4%);
|
|
$white-330: color.scale($white-500, $lightness: 48.2%);
|
|
$white-360: color.scale($white-500, $lightness: 36%);
|
|
$white-400: color.scale($white-500, $lightness: 20%);
|
|
$white-430: color.scale($white-500, $lightness: 14.6%);
|
|
$white-460: color.scale($white-500, $lightness: 8%);
|
|
$white-530: color.scale($white-500, $lightness: -09%);
|
|
$white-560: color.scale($white-500, $lightness: -19%);
|
|
$white-600: color.scale($white-500, $lightness: -32%);
|
|
$white-630: color.scale($white-500, $lightness: -41.1%);
|
|
$white-645: color.scale($white-500, $lightness: -48.1%);
|
|
$white-660: color.scale($white-500, $lightness: -54.5%);
|
|
$white-700: color.scale($white-500, $lightness: -60%);
|
|
$white-730: color.scale($white-500, $lightness: -62.2%);
|
|
$white-760: color.scale($white-500, $lightness: -65.5%);
|
|
$white-800: color.scale($white-500, $lightness: -70%);
|
|
$white-830: color.scale($white-500, $lightness: -76.8%);
|
|
$white-860: color.scale($white-500, $lightness: -85%);
|
|
$white-900: color.scale($white-500, $lightness: -95%);
|
|
|
|
$black-500: #121212;
|
|
$black-100: color.scale($black-500, $lightness: 95%);
|
|
$black-130: color.scale($black-500, $lightness: 91.2%);
|
|
$black-160: color.scale($black-500, $lightness: 85.9%);
|
|
$black-200: color.scale($black-500, $lightness: 80%);
|
|
$black-230: color.scale($black-500, $lightness: 74.3%);
|
|
$black-260: color.scale($black-500, $lightness: 67.8%);
|
|
$black-300: color.scale($black-500, $lightness: 60%);
|
|
$black-330: color.scale($black-500, $lightness: 48.2%);
|
|
$black-345: color.scale($black-500, $lightness: 40.4%);
|
|
$black-360: color.scale($black-500, $lightness: 36%);
|
|
$black-400: color.scale($black-500, $lightness: 20%);
|
|
$black-430: color.scale($black-500, $lightness: 14.6%);
|
|
$black-460: color.scale($black-500, $lightness: 8%);
|
|
$black-530: color.scale($black-500, $lightness: -09%);
|
|
$black-560: color.scale($black-500, $lightness: -19%);
|
|
$black-600: color.scale($black-500, $lightness: -32%);
|
|
$black-630: color.scale($black-500, $lightness: -41.1%);
|
|
$black-645: color.scale($black-500, $lightness: -48.1%);
|
|
$black-660: color.scale($black-500, $lightness: -54.5%);
|
|
$black-700: color.scale($black-500, $lightness: -60%);
|
|
$black-730: color.scale($black-500, $lightness: -62.2%);
|
|
$black-760: color.scale($black-500, $lightness: -65.5%);
|
|
$black-800: color.scale($black-500, $lightness: -70%);
|
|
$black-830: color.scale($black-500, $lightness: -76.8%);
|
|
$black-860: color.scale($black-500, $lightness: -85%);
|
|
$black-900: color.scale($black-500, $lightness: -95%);
|
|
|
|
#splash {
|
|
background-color: #{colors.$primary};
|
|
}
|
|
|
|
.theme-dark {
|
|
--scrollbar-thin-thumb: #{colors.$c7} !important;
|
|
--scrollbar-auto-thumb: #{colors.$c7} !important;
|
|
--scrollbar-auto-scrollbar-color-thumb: #{colors.$c7} !important;
|
|
--channel-text-area-placeholder: #{colors.$highlight} !important;
|
|
|
|
--interactive-normal: #{colors.$c7} !important;
|
|
--interactive-active: #{colors.$c15} !important;
|
|
--text-normal: #{colors.$c7} !important;
|
|
--text-muted: #{colors.$highlight} !important;
|
|
--header-primary: #{colors.$c7} !important;
|
|
--header-secondary: #{colors.$c7} !important;
|
|
|
|
--background-primary: #{colors.$primary} !important;
|
|
--background-secondary: #{colors.$secondary} !important;
|
|
--background-secondary-alt: #{colors.$tertiary} !important;
|
|
--background-tertiary: #{colors.$tertiary} !important;
|
|
--background-accent: #{colors.$highlight} !important;
|
|
--background-floating: #{colors.$primary} !important;
|
|
--background-modifier-hover: #{$mod-hover} !important;
|
|
--background-modifier-active: #{$mod-active} !important;
|
|
--background-modifier-selected: #{$mod-selected} !important;
|
|
--background-modifier-accent: #{$mod-selected} !important;
|
|
--input-background: #{colors.$tertiary} !important;
|
|
--channeltextarea-background: #{colors.$tertiary} !important;
|
|
|
|
--status-positive-text: #{colors.$c7} !important;
|
|
--status-danger-text: #{colors.$c7} !important;
|
|
--status-warning-text: #{colors.$c0} !important;
|
|
}
|
|
|
|
.theme-light {
|
|
--scrollbar-thin-thumb: #{colors.$c0} !important;
|
|
--scrollbar-auto-thumb: #{colors.$c0} !important;
|
|
--scrollbar-auto-scrollbar-color-thumb: #{colors.$c0} !important;
|
|
--channel-text-area-placeholder: #{colors.$highlight} !important;
|
|
|
|
--interactive-normal: #{colors.$c0};
|
|
--interactive-active: #{colors.$highlight};
|
|
--text-normal: #{colors.$c0} !important;
|
|
--text-muted: #{colors.$highlight} !important;
|
|
--header-primary: #{colors.$c0} !important;
|
|
--header-secondary: #{colors.$c0} !important;
|
|
|
|
--background-primary: var(--primary-100) !important;
|
|
|
|
--status-positive-text: #{colors.$c0} !important;
|
|
--status-danger-text: #{colors.$c0} !important;
|
|
--status-warning-text: #{colors.$c0} !important;
|
|
}
|
|
|
|
:root,
|
|
.theme-dark,
|
|
.theme-light {
|
|
--mention-foreground: #{colors.$accent} !important;
|
|
--mention-background: #{$mention-bg} !important;
|
|
--background-mentioned: #{$mention-mentioned} !important;
|
|
--background-mentioned-hover: #{$mention-hover} !important;
|
|
--scrollbar-thin-track: transparent !important;
|
|
--scrollbar-auto-track: transparent !important;
|
|
--scrollbar-auto-scrollbar-color-track: transparent !important;
|
|
|
|
--text-link: #{colors.$c6} !important;
|
|
|
|
--button-secondary-background: #{colors.$primary} !important;
|
|
--button-secondary-background-hover: #{colors.$highlight} !important;
|
|
--button-secondary-background-active: #{colors.$highlight} !important;
|
|
--button-secondary-background-disabled: #{colors.$secondary} !important;
|
|
--text-danger: #{colors.$c1} !important;
|
|
--status-danger: #{colors.$c1} !important;
|
|
--status-danger-background: #{colors.$c1} !important;
|
|
--button-danger-background: #{colors.$c1} !important;
|
|
--button-danger-background-hover: #{colors.$c9} !important;
|
|
--button-danger-background-active: #{colors.$c9} !important;
|
|
--button-outline-danger-border: #{colors.$c1} !important;
|
|
--button-outline-danger-border-hover: #{colors.$c9} !important;
|
|
--button-outline-danger-border-active: #{colors.$c9} !important;
|
|
--button-outline-danger-background-hover: #{colors.$c9} !important;
|
|
--button-outline-danger-background-active: #{colors.$c9} !important;
|
|
--text-positive: #{colors.$c2} !important;
|
|
--status-positive: #{colors.$c2} !important;
|
|
--status-positive-background: #{colors.$c2} !important;
|
|
--button-positive-background: #{colors.$c2} !important;
|
|
--button-positive-background-hover: #{colors.$c10} !important;
|
|
--button-positive-background-active: #{colors.$c10} !important;
|
|
--button-outline-positive-border: #{colors.$c2} !important;
|
|
--button-outline-positive-border-hover: #{colors.$c10} !important;
|
|
--button-outline-positive-border-active: #{colors.$c10} !important;
|
|
--button-outline-positive-background-hover: #{colors.$c10} !important;
|
|
--button-outline-positive-background-active: #{colors.$c10} !important;
|
|
--text-warning: #{colors.$c3} !important;
|
|
--status-warning: #{colors.$c3} !important;
|
|
--status-warning-background: #{colors.$c3} !important;
|
|
|
|
--brand-experiment: #{$brand-500} !important;
|
|
--brand-100: #{$brand-100} !important;
|
|
--brand-130: #{$brand-130} !important;
|
|
--brand-160: #{$brand-160} !important;
|
|
--brand-200: #{$brand-200} !important;
|
|
--brand-230: #{$brand-230} !important;
|
|
--brand-260: #{$brand-260} !important;
|
|
--brand-300: #{$brand-300} !important;
|
|
--brand-330: #{$brand-330} !important;
|
|
--brand-360: #{$brand-360} !important;
|
|
--brand-400: #{$brand-400} !important;
|
|
--brand-430: #{$brand-430} !important;
|
|
--brand-460: #{$brand-460} !important;
|
|
--brand-500: #{$brand-500} !important;
|
|
--brand-530: #{$brand-530} !important;
|
|
--brand-560: #{$brand-560} !important;
|
|
--brand-600: #{$brand-600} !important;
|
|
--brand-630: #{$brand-630} !important;
|
|
--brand-660: #{$brand-660} !important;
|
|
--brand-700: #{$brand-700} !important;
|
|
--brand-730: #{$brand-730} !important;
|
|
--brand-760: #{$brand-760} !important;
|
|
--brand-800: #{$brand-800} !important;
|
|
--brand-830: #{$brand-830} !important;
|
|
--brand-860: #{$brand-860} !important;
|
|
--brand-900: #{$brand-900} !important;
|
|
--brand-new-100: #{$brand-100} !important;
|
|
--brand-new-130: #{$brand-130} !important;
|
|
--brand-new-160: #{$brand-160} !important;
|
|
--brand-new-200: #{$brand-200} !important;
|
|
--brand-new-230: #{$brand-230} !important;
|
|
--brand-new-260: #{$brand-260} !important;
|
|
--brand-new-300: #{$brand-300} !important;
|
|
--brand-new-330: #{$brand-330} !important;
|
|
--brand-new-360: #{$brand-360} !important;
|
|
--brand-new-400: #{$brand-400} !important;
|
|
--brand-new-430: #{$brand-430} !important;
|
|
--brand-new-460: #{$brand-460} !important;
|
|
--brand-new-500: #{$brand-500} !important;
|
|
--brand-new-530: #{$brand-530} !important;
|
|
--brand-new-560: #{$brand-560} !important;
|
|
--brand-new-600: #{$brand-600} !important;
|
|
--brand-new-630: #{$brand-630} !important;
|
|
--brand-new-660: #{$brand-660} !important;
|
|
--brand-new-700: #{$brand-700} !important;
|
|
--brand-new-730: #{$brand-730} !important;
|
|
--brand-new-760: #{$brand-760} !important;
|
|
--brand-new-800: #{$brand-800} !important;
|
|
--brand-new-830: #{$brand-830} !important;
|
|
--brand-new-860: #{$brand-860} !important;
|
|
--brand-new-900: #{$brand-900} !important;
|
|
--brand-experiment-100: #{$brand-100} !important;
|
|
--brand-experiment-130: #{$brand-130} !important;
|
|
--brand-experiment-160: #{$brand-160} !important;
|
|
--brand-experiment-200: #{$brand-200} !important;
|
|
--brand-experiment-230: #{$brand-230} !important;
|
|
--brand-experiment-260: #{$brand-260} !important;
|
|
--brand-experiment-300: #{$brand-300} !important;
|
|
--brand-experiment-330: #{$brand-330} !important;
|
|
--brand-experiment-360: #{$brand-360} !important;
|
|
--brand-experiment-400: #{$brand-400} !important;
|
|
--brand-experiment-430: #{$brand-430} !important;
|
|
--brand-experiment-460: #{$brand-460} !important;
|
|
--brand-experiment-500: #{$brand-500} !important;
|
|
--brand-experiment-530: #{$brand-530} !important;
|
|
--brand-experiment-560: #{$brand-560} !important;
|
|
--brand-experiment-600: #{$brand-600} !important;
|
|
--brand-experiment-630: #{$brand-630} !important;
|
|
--brand-experiment-660: #{$brand-660} !important;
|
|
--brand-experiment-700: #{$brand-700} !important;
|
|
--brand-experiment-730: #{$brand-730} !important;
|
|
--brand-experiment-760: #{$brand-760} !important;
|
|
--brand-experiment-800: #{$brand-800} !important;
|
|
--brand-experiment-830: #{$brand-830} !important;
|
|
--brand-experiment-860: #{$brand-860} !important;
|
|
--brand-experiment-900: #{$brand-900} !important;
|
|
--brand-experiment-05a: #{$brand-05a} !important;
|
|
--brand-experiment-10a: #{$brand-10a} !important;
|
|
--brand-experiment-15a: #{$brand-15a} !important;
|
|
--brand-experiment-20a: #{$brand-20a} !important;
|
|
--brand-experiment-25a: #{$brand-25a} !important;
|
|
--brand-experiment-30a: #{$brand-30a} !important;
|
|
--brand-experiment-35a: #{$brand-35a} !important;
|
|
--brand-experiment-40a: #{$brand-40a} !important;
|
|
--brand-experiment-45a: #{$brand-45a} !important;
|
|
--brand-experiment-50a: #{$brand-50a} !important;
|
|
--brand-experiment-55a: #{$brand-55a} !important;
|
|
--brand-experiment-60a: #{$brand-60a} !important;
|
|
--brand-experiment-65a: #{$brand-65a} !important;
|
|
--brand-experiment-70a: #{$brand-70a} !important;
|
|
--brand-experiment-75a: #{$brand-75a} !important;
|
|
--brand-experiment-80a: #{$brand-80a} !important;
|
|
--brand-experiment-85a: #{$brand-85a} !important;
|
|
--brand-experiment-90a: #{$brand-90a} !important;
|
|
--brand-experiment-95a: #{$brand-95a} !important;
|
|
|
|
--primary-100: #{$primary-100} !important;
|
|
--primary-130: #{$primary-130} !important;
|
|
--primary-160: #{$primary-160} !important;
|
|
--primary-200: #{$primary-200} !important;
|
|
--primary-230: #{$primary-230} !important;
|
|
--primary-260: #{$primary-260} !important;
|
|
--primary-300: #{$primary-300} !important;
|
|
--primary-330: #{$primary-330} !important;
|
|
--primary-345: #{$primary-345} !important;
|
|
--primary-360: #{$primary-360} !important;
|
|
--primary-400: #{$primary-400} !important;
|
|
--primary-430: #{$primary-430} !important;
|
|
--primary-460: #{$primary-460} !important;
|
|
--primary-500: #{$primary-500} !important;
|
|
--primary-530: #{$primary-530} !important;
|
|
--primary-560: #{$primary-560} !important;
|
|
--primary-600: #{$primary-600} !important;
|
|
--primary-630: #{$primary-630} !important;
|
|
--primary-645: #{$primary-645} !important;
|
|
--primary-660: #{$primary-660} !important;
|
|
--primary-700: #{$primary-700} !important;
|
|
--primary-730: #{$primary-730} !important;
|
|
--primary-760: #{$primary-760} !important;
|
|
--primary-800: #{$primary-800} !important;
|
|
--primary-830: #{$primary-830} !important;
|
|
--primary-860: #{$primary-860} !important;
|
|
--primary-900: #{$primary-900} !important;
|
|
|
|
--red-100: #{$red-100} !important;
|
|
--red-130: #{$red-130} !important;
|
|
--red-160: #{$red-160} !important;
|
|
--red-200: #{$red-200} !important;
|
|
--red-230: #{$red-230} !important;
|
|
--red-260: #{$red-260} !important;
|
|
--red-300: #{$red-300} !important;
|
|
--red-330: #{$red-330} !important;
|
|
--red-345: #{$red-345} !important;
|
|
--red-360: #{$red-360} !important;
|
|
--red-400: #{$red-400} !important;
|
|
--red-430: #{$red-430} !important;
|
|
--red-460: #{$red-460} !important;
|
|
--red-500: #{$red-500} !important;
|
|
--red-530: #{$red-530} !important;
|
|
--red-560: #{$red-560} !important;
|
|
--red-600: #{$red-600} !important;
|
|
--red-630: #{$red-630} !important;
|
|
--red-645: #{$red-645} !important;
|
|
--red-660: #{$red-660} !important;
|
|
--red-700: #{$red-700} !important;
|
|
--red-730: #{$red-730} !important;
|
|
--red-760: #{$red-760} !important;
|
|
--red-800: #{$red-800} !important;
|
|
--red-830: #{$red-830} !important;
|
|
--red-860: #{$red-860} !important;
|
|
--red-900: #{$red-900} !important;
|
|
|
|
--orange-100: #{$orange-100} !important;
|
|
--orange-130: #{$orange-130} !important;
|
|
--orange-160: #{$orange-160} !important;
|
|
--orange-200: #{$orange-200} !important;
|
|
--orange-230: #{$orange-230} !important;
|
|
--orange-260: #{$orange-260} !important;
|
|
--orange-300: #{$orange-300} !important;
|
|
--orange-330: #{$orange-330} !important;
|
|
--orange-345: #{$orange-345} !important;
|
|
--orange-360: #{$orange-360} !important;
|
|
--orange-400: #{$orange-400} !important;
|
|
--orange-430: #{$orange-430} !important;
|
|
--orange-460: #{$orange-460} !important;
|
|
--orange-500: #{$orange-500} !important;
|
|
--orange-530: #{$orange-530} !important;
|
|
--orange-560: #{$orange-560} !important;
|
|
--orange-600: #{$orange-600} !important;
|
|
--orange-630: #{$orange-630} !important;
|
|
--orange-645: #{$orange-645} !important;
|
|
--orange-660: #{$orange-660} !important;
|
|
--orange-700: #{$orange-700} !important;
|
|
--orange-730: #{$orange-730} !important;
|
|
--orange-760: #{$orange-760} !important;
|
|
--orange-800: #{$orange-800} !important;
|
|
--orange-830: #{$orange-830} !important;
|
|
--orange-860: #{$orange-860} !important;
|
|
--orange-900: #{$orange-900} !important;
|
|
|
|
--yellow-100: #{$yellow-100} !important;
|
|
--yellow-130: #{$yellow-130} !important;
|
|
--yellow-160: #{$yellow-160} !important;
|
|
--yellow-200: #{$yellow-200} !important;
|
|
--yellow-230: #{$yellow-230} !important;
|
|
--yellow-260: #{$yellow-260} !important;
|
|
--yellow-300: #{$yellow-300} !important;
|
|
--yellow-330: #{$yellow-330} !important;
|
|
--yellow-345: #{$yellow-345} !important;
|
|
--yellow-360: #{$yellow-360} !important;
|
|
--yellow-400: #{$yellow-400} !important;
|
|
--yellow-430: #{$yellow-430} !important;
|
|
--yellow-460: #{$yellow-460} !important;
|
|
--yellow-500: #{$yellow-500} !important;
|
|
--yellow-530: #{$yellow-530} !important;
|
|
--yellow-560: #{$yellow-560} !important;
|
|
--yellow-600: #{$yellow-600} !important;
|
|
--yellow-630: #{$yellow-630} !important;
|
|
--yellow-645: #{$yellow-645} !important;
|
|
--yellow-660: #{$yellow-660} !important;
|
|
--yellow-700: #{$yellow-700} !important;
|
|
--yellow-730: #{$yellow-730} !important;
|
|
--yellow-760: #{$yellow-760} !important;
|
|
--yellow-800: #{$yellow-800} !important;
|
|
--yellow-830: #{$yellow-830} !important;
|
|
--yellow-860: #{$yellow-860} !important;
|
|
--yellow-900: #{$yellow-900} !important;
|
|
|
|
--green-100: #{$green-100} !important;
|
|
--green-130: #{$green-130} !important;
|
|
--green-160: #{$green-160} !important;
|
|
--green-200: #{$green-200} !important;
|
|
--green-230: #{$green-230} !important;
|
|
--green-260: #{$green-260} !important;
|
|
--green-300: #{$green-300} !important;
|
|
--green-330: #{$green-330} !important;
|
|
--green-345: #{$green-345} !important;
|
|
--green-360: #{$green-360} !important;
|
|
--green-400: #{$green-400} !important;
|
|
--green-430: #{$green-430} !important;
|
|
--green-460: #{$green-460} !important;
|
|
--green-500: #{$green-500} !important;
|
|
--green-530: #{$green-530} !important;
|
|
--green-560: #{$green-560} !important;
|
|
--green-600: #{$green-600} !important;
|
|
--green-630: #{$green-630} !important;
|
|
--green-645: #{$green-645} !important;
|
|
--green-660: #{$green-660} !important;
|
|
--green-700: #{$green-700} !important;
|
|
--green-730: #{$green-730} !important;
|
|
--green-760: #{$green-760} !important;
|
|
--green-800: #{$green-800} !important;
|
|
--green-830: #{$green-830} !important;
|
|
--green-860: #{$green-860} !important;
|
|
--green-900: #{$green-900} !important;
|
|
|
|
--teal-100: #{$teal-100} !important;
|
|
--teal-130: #{$teal-130} !important;
|
|
--teal-160: #{$teal-160} !important;
|
|
--teal-200: #{$teal-200} !important;
|
|
--teal-230: #{$teal-230} !important;
|
|
--teal-260: #{$teal-260} !important;
|
|
--teal-300: #{$teal-300} !important;
|
|
--teal-330: #{$teal-330} !important;
|
|
--teal-345: #{$teal-345} !important;
|
|
--teal-360: #{$teal-360} !important;
|
|
--teal-400: #{$teal-400} !important;
|
|
--teal-430: #{$teal-430} !important;
|
|
--teal-460: #{$teal-460} !important;
|
|
--teal-500: #{$teal-500} !important;
|
|
--teal-530: #{$teal-530} !important;
|
|
--teal-560: #{$teal-560} !important;
|
|
--teal-600: #{$teal-600} !important;
|
|
--teal-630: #{$teal-630} !important;
|
|
--teal-645: #{$teal-645} !important;
|
|
--teal-660: #{$teal-660} !important;
|
|
--teal-700: #{$teal-700} !important;
|
|
--teal-730: #{$teal-730} !important;
|
|
--teal-760: #{$teal-760} !important;
|
|
--teal-800: #{$teal-800} !important;
|
|
--teal-830: #{$teal-830} !important;
|
|
--teal-860: #{$teal-860} !important;
|
|
--teal-900: #{$teal-900} !important;
|
|
|
|
--blue-100: #{$blue-100} !important;
|
|
--blue-130: #{$blue-130} !important;
|
|
--blue-160: #{$blue-160} !important;
|
|
--blue-200: #{$blue-200} !important;
|
|
--blue-230: #{$blue-230} !important;
|
|
--blue-260: #{$blue-260} !important;
|
|
--blue-300: #{$blue-300} !important;
|
|
--blue-330: #{$blue-330} !important;
|
|
--blue-345: #{$blue-345} !important;
|
|
--blue-360: #{$blue-360} !important;
|
|
--blue-400: #{$blue-400} !important;
|
|
--blue-430: #{$blue-430} !important;
|
|
--blue-460: #{$blue-460} !important;
|
|
--blue-500: #{$blue-500} !important;
|
|
--blue-530: #{$blue-530} !important;
|
|
--blue-560: #{$blue-560} !important;
|
|
--blue-600: #{$blue-600} !important;
|
|
--blue-630: #{$blue-630} !important;
|
|
--blue-645: #{$blue-645} !important;
|
|
--blue-660: #{$blue-660} !important;
|
|
--blue-700: #{$blue-700} !important;
|
|
--blue-730: #{$blue-730} !important;
|
|
--blue-760: #{$blue-760} !important;
|
|
--blue-800: #{$blue-800} !important;
|
|
--blue-830: #{$blue-830} !important;
|
|
--blue-860: #{$blue-860} !important;
|
|
--blue-900: #{$blue-900} !important;
|
|
|
|
--white-100: #{$white-100} !important;
|
|
--white-130: #{$white-130} !important;
|
|
--white-160: #{$white-160} !important;
|
|
--white-200: #{$white-200} !important;
|
|
--white-230: #{$white-230} !important;
|
|
--white-260: #{$white-260} !important;
|
|
--white-300: #{$white-300} !important;
|
|
--white-330: #{$white-330} !important;
|
|
--white-345: #{$white-345} !important;
|
|
--white-360: #{$white-360} !important;
|
|
--white-400: #{$white-400} !important;
|
|
--white-430: #{$white-430} !important;
|
|
--white-460: #{$white-460} !important;
|
|
--white-500: #{$white-500} !important;
|
|
--white-530: #{$white-530} !important;
|
|
--white-560: #{$white-560} !important;
|
|
--white-600: #{$white-600} !important;
|
|
--white-630: #{$white-630} !important;
|
|
--white-645: #{$white-645} !important;
|
|
--white-660: #{$white-660} !important;
|
|
--white-700: #{$white-700} !important;
|
|
--white-730: #{$white-730} !important;
|
|
--white-760: #{$white-760} !important;
|
|
--white-800: #{$white-800} !important;
|
|
--white-830: #{$white-830} !important;
|
|
--white-860: #{$white-860} !important;
|
|
--white-900: #{$white-900} !important;
|
|
|
|
--black-100: #{$black-100} !important;
|
|
--black-130: #{$black-130} !important;
|
|
--black-160: #{$black-160} !important;
|
|
--black-200: #{$black-200} !important;
|
|
--black-230: #{$black-230} !important;
|
|
--black-260: #{$black-260} !important;
|
|
--black-300: #{$black-300} !important;
|
|
--black-330: #{$black-330} !important;
|
|
--black-345: #{$black-345} !important;
|
|
--black-360: #{$black-360} !important;
|
|
--black-400: #{$black-400} !important;
|
|
--black-430: #{$black-430} !important;
|
|
--black-460: #{$black-460} !important;
|
|
--black-500: #{$black-500} !important;
|
|
--black-530: #{$black-530} !important;
|
|
--black-560: #{$black-560} !important;
|
|
--black-600: #{$black-600} !important;
|
|
--black-630: #{$black-630} !important;
|
|
--black-645: #{$black-645} !important;
|
|
--black-660: #{$black-660} !important;
|
|
--black-700: #{$black-700} !important;
|
|
--black-730: #{$black-730} !important;
|
|
--black-760: #{$black-760} !important;
|
|
--black-800: #{$black-800} !important;
|
|
--black-830: #{$black-830} !important;
|
|
--black-860: #{$black-860} !important;
|
|
--black-900: #{$black-900} !important;
|
|
}
|
|
|
|
/*[class^="appMount_"],
|
|
[class^="bg_"],
|
|
[class^="layers_"] > [class^="layer_"],
|
|
[class^="app_"] {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
html:not(.overlay) body {
|
|
background-color: transparent !important;
|
|
}*/
|
|
|
|
rect[fill="#43b581"],
|
|
path[fill="#43b581"],
|
|
rect[fill="#3ba55c"],
|
|
path[fill="#3ba55c"],
|
|
rect[fill="#23a55a"],
|
|
path[fill="#23a55a"],
|
|
rect[fill="rgba(67, 181, 129, 1)"],
|
|
rect[fill="rgba(59, 165, 92, 1)"],
|
|
rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"],
|
|
rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"],
|
|
rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
|
|
path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
|
|
fill: var(--status-online);
|
|
}
|
|
|
|
rect[fill="#faa61a"],
|
|
path[fill="#faa61a"],
|
|
rect[fill="#f0b232"],
|
|
path[fill="#f0b232"],
|
|
rect[fill="rgba(250, 166, 26, 1)"],
|
|
rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"],
|
|
rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"],
|
|
rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
|
|
path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
|
|
fill: var(--status-idle);
|
|
}
|
|
|
|
rect[fill="#f04747"],
|
|
path[fill="#f04747"],
|
|
rect[fill="#ed4245"],
|
|
path[fill="#ed4245"],
|
|
rect[fill="#f23f43"],
|
|
path[fill="#f23f43"],
|
|
rect[fill="rgba(240, 71, 71, 1)"],
|
|
rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"],
|
|
rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"],
|
|
rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
|
|
path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
|
|
fill: var(--status-dnd);
|
|
}
|
|
|
|
rect[fill="#747f8d"],
|
|
path[fill="#747f8d"],
|
|
rect[fill="#82858f"],
|
|
path[fill="#82858f"],
|
|
rect[fill="#80848e"],
|
|
path[fill="#80848e"],
|
|
rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"],
|
|
rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"],
|
|
rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
|
|
fill: var(--status-offline);
|
|
}
|
|
|
|
rect[fill="#593695"],
|
|
path[fill="#593695"],
|
|
rect[fill="rgba(89, 54, 149, 1)"],
|
|
rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"],
|
|
rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"],
|
|
rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
|
|
fill: var(--status-streaming);
|
|
}
|
|
|
|
[class*="menu_"] [class^="item_"]:active,
|
|
[class*="menu_"] [class^="item_"][class*="focused_"],
|
|
[class*="lookFilled_"][class*="colorBrand_"]:not([class*="buttonColor_"]),
|
|
[class*="lookFilled_"][class*="colorBrandNew_"]:not([class*="buttonColor_"]),
|
|
[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch_"]),
|
|
[class^="slider_"] [class^="bar_"] [class^="barFill_"],
|
|
[class^="control_"]
|
|
[class^="container_"][style*="background-color: rgb(67, 181, 129);"] {
|
|
background-color: #{colors.$accent} !important;
|
|
}
|
|
|
|
[style*="border-color: rgb(114, 137, 218)"],
|
|
[class*="lookOutlined_"][class*="colorBrand_"] {
|
|
border-color: #{colors.$accent} !important;
|
|
}
|
|
|
|
[class*="lookOutlined_"][class*="colorBrand_"],
|
|
[class*="colorDefault_"]:not([class*="focused_"]) [class^="checkbox_"],
|
|
[class*="colorDefault_"]:not([class*="focused_"]) [class^="radioSelection_"],
|
|
[class*="colorDefault_"][class*="focused_"] [class^="check_"] {
|
|
color: #{colors.$accent} !important;
|
|
}
|
|
|
|
[class*="mentioned_"]:before {
|
|
background-color: #{colors.$accent} !important;
|
|
}
|
|
|
|
[class^="slider_"] [class^="bar_"],
|
|
[class^="control_"]
|
|
[class^="container_"][style*="background-color: rgb(114, 118, 125);"] {
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
.mention[class*="wrapper_"] {
|
|
color: #{colors.$accent};
|
|
background: #{$mention-bg};
|
|
}
|
|
|
|
.mention[class*="wrapper_"]:hover {
|
|
color: #ffffff;
|
|
background: #{colors.$accent};
|
|
}
|
|
|
|
[class*="mentioned_"] .mention.interactive:hover {
|
|
color: #{colors.$accent} !important;
|
|
}
|
|
|
|
[class^="mediaBarGrabber_"],
|
|
[class^="mediaBarProgress_"],
|
|
[class^="mediaBarProgress_"]:after,
|
|
[class^="mediaBarProgress_"]:before {
|
|
background-color: #{colors.$accent} !important;
|
|
}
|
|
|
|
[class^="reaction_"] {
|
|
background-color: var(--background-secondary);
|
|
border: none;
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
[class^="reaction_"]:hover,
|
|
[class^="reaction_"][class*="reactionMe_"] {
|
|
background-color: #{colors.$highlight};
|
|
}
|
|
|
|
[class^="reaction_"][class*="reactionMe_"] [class*="reactionCount_"],
|
|
[class^="reaction_"]:hover [class*="reactionCount_"] {
|
|
color: var(--white-500) !important;
|
|
}
|
|
|
|
[class^="reaction_"] [class*="reactionCount_"] {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
[class*="progressBarHeader_"] > [class^="container_"]:not([class*="checked_"]),
|
|
[class^="control_"] > [class^="container_"]:not([class*="checked_"]) {
|
|
background-color: #{colors.$highlight} !important;
|
|
}
|
|
[class*="progressBarHeader_"] > [class^="container_"][class*="checked_"],
|
|
[class^="control_"] > [class^="container_"][class*="checked_"] {
|
|
background-color: #{colors.$c2} !important;
|
|
}
|
|
|
|
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
|
|
--radio-bar-accent-color: #{colors.$c2} !important;
|
|
}
|
|
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] {
|
|
--radio-bar-accent-color: #{colors.$c3} !important;
|
|
}
|
|
[class^="radioBar_"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
|
|
--radio-bar-accent-color: #{colors.$c1} !important;
|
|
}
|
|
|
|
span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] {
|
|
background-color: #{colors.$accent} !important;
|
|
}
|
|
span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] {
|
|
background-color: #{colors.$c1} !important;
|
|
}
|
|
|
|
[class^="updateIconForeground_"] {
|
|
fill: #{colors.$c2};
|
|
}
|
|
|
|
[class*="tierHeaderLocked_"],
|
|
[class*="tierHeaderUnlocked_"] {
|
|
background-color: var(--background-secondary) !important;
|
|
}
|
|
|
|
[class*="tierAccomplished_"],
|
|
[class*="tierCurrent_"],
|
|
[class*="tierFirst_"] {
|
|
background: #{colors.$c13} !important;
|
|
}
|
|
|
|
[class^="progressWithSubscriptions_"] > svg > g > rect[class^="background_"] {
|
|
color: var(--background-secondary);
|
|
}
|
|
|
|
[class^="tierIcon_"],
|
|
[class^="unlockedIcon_"],
|
|
[class^="progressWithSubscriptions_"] > svg > g > rect[class^="foreground_"] {
|
|
color: #{colors.$c13} !important;
|
|
}
|
|
svg[fill="#FF73FA"] {
|
|
fill: #{colors.$c13} !important;
|
|
}
|
|
|
|
[class^="activeCircle_"] {
|
|
background-color: #{colors.$c2} !important;
|
|
}
|
|
|
|
[class*="allow_"][class*="selected_"] {
|
|
background-color: var(--status-positive) !important;
|
|
}
|
|
|
|
[class^="item_"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] {
|
|
background-color: #{colors.$c2} !important;
|
|
}
|
|
|
|
[class*="unreadBar_"][class*="mention_"],
|
|
[class^="numberBadge_"] {
|
|
background-color: #{colors.$c1} !important;
|
|
}
|
|
|
|
[class*="bar_"][class*="mention_"] {
|
|
background-color: #{colors.$c1};
|
|
}
|
|
|
|
a[class^="anchor_"]:not([aria-controls^="popout_"]) {
|
|
color: var(--text-link) !important;
|
|
}
|
|
|
|
.theme-light [class*="button_"][class*="lookFilled_"][class*="colorPrimary_"] {
|
|
color: var(--text-normal) !important;
|
|
}
|
|
|
|
[class^="memberInner_"]
|
|
[class^="name_"]
|
|
> [class^="username_"]
|
|
> [class^="username_"] {
|
|
color: var(--text-normal);
|
|
}
|
|
[class^="memberInner_"] [class^="activityText_"] {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.postnet-repo-wrapper,
|
|
.postnet-expanded-category {
|
|
border-color: var(--background-tertiary) !important;
|
|
background: var(--deprecated-card-bg) !important;
|
|
}
|
|
|
|
.hh2-spotify-controls-album-name,
|
|
.showTag-username {
|
|
color: #{colors.$highlight} !important;
|
|
}
|
|
|
|
[class^="markdown_"] [class^="codeInline_"],
|
|
code.inline,
|
|
.hljs {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
[class^="markdown_"] code,
|
|
.hljs {
|
|
background: var(--background-secondary) !important;
|
|
}
|
|
.hljs-keyword {
|
|
color: #{colors.$c5} !important;
|
|
}
|
|
.hljs-built_in {
|
|
color: #{colors.$c6} !important;
|
|
}
|
|
.hljs-type {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-literal {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-number {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-regexp {
|
|
color: #{colors.$c6} !important;
|
|
}
|
|
.hljs-string {
|
|
color: #{colors.$c2} !important;
|
|
}
|
|
.hljs-subst {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-symbol {
|
|
color: #{colors.$c5} !important;
|
|
}
|
|
.hljs-class {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-function {
|
|
color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-title {
|
|
color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-params {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-comment {
|
|
color: #{colors.$highlight} !important;
|
|
}
|
|
.hljs-doctag {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-meta {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-meta-keyword {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-meta-string {
|
|
color: #{colors.$c2} !important;
|
|
}
|
|
.hljs-section {
|
|
color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-tag {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-name {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-builtin-name {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-attr {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-attribute {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-variable {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-bullet {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-code {
|
|
color: #{colors.$c2} !important;
|
|
}
|
|
.hljs-emphasis {
|
|
color: #{colors.$c5} !important;
|
|
}
|
|
.hljs-strong {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-formula {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-link {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-quote {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-selector-tag {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-selector-id {
|
|
color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-selector-class {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-selector-attr {
|
|
color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-selector-pseudo {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-template-tag {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-template-variable {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-addition {
|
|
color: #a6e22e !important;
|
|
background: #384c10 !important;
|
|
}
|
|
.hljs-deletion {
|
|
color: #f92672 !important;
|
|
background: #4c0c23 !important;
|
|
}
|
|
.hljs-operator {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-pattern-match {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-typing {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-constructor {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-module-access {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-module {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-ansi-foreground-black [class^="hljs-ansi-background_"],
|
|
.hljs-ansi-foreground-black {
|
|
color: #{colors.$c0} !important;
|
|
}
|
|
.hljs-ansi-foreground-red {
|
|
color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-ansi-foreground-green {
|
|
color: #{colors.$c2} !important;
|
|
}
|
|
.hljs-ansi-foreground-yellow {
|
|
color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-ansi-foreground-blue {
|
|
color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-ansi-foreground-magenta {
|
|
color: #{colors.$c5} !important;
|
|
}
|
|
.hljs-ansi-foreground-cyan {
|
|
color: #{colors.$c6} !important;
|
|
}
|
|
.hljs-ansi-foreground-white [class^="hljs-ansi-background_"],
|
|
.hljs-ansi-foreground-white {
|
|
color: #{colors.$c7} !important;
|
|
}
|
|
.hljs-ansi-foreground-black .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-black.hljs-ansi-style-bold {
|
|
color: #{colors.$c8} !important;
|
|
}
|
|
.hljs-ansi-foreground-red .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-red.hljs-ansi-style-bold {
|
|
color: #{colors.$c9} !important;
|
|
}
|
|
.hljs-ansi-foreground-green .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-green.hljs-ansi-style-bold {
|
|
color: #{colors.$c10} !important;
|
|
}
|
|
.hljs-ansi-foreground-yellow .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-yellow.hljs-ansi-style-bold {
|
|
color: #{colors.$c11} !important;
|
|
}
|
|
.hljs-ansi-foreground-blue .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-blue.hljs-ansi-style-bold {
|
|
color: #{colors.$c12} !important;
|
|
}
|
|
.hljs-ansi-foreground-magenta .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-magenta.hljs-ansi-style-bold {
|
|
color: #{colors.$c13} !important;
|
|
}
|
|
.hljs-ansi-foreground-cyan .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-cyan.hljs-ansi-style-bold {
|
|
color: #{colors.$c14} !important;
|
|
}
|
|
.hljs-ansi-foreground-white .hljs-ansi-style-bold,
|
|
.hljs-ansi-foreground-white.hljs-ansi-style-bold {
|
|
color: #{colors.$c15} !important;
|
|
}
|
|
.hljs-ansi-background-black {
|
|
background-color: #{colors.$c0} !important;
|
|
}
|
|
.hljs-ansi-background-red {
|
|
background-color: #{colors.$c1} !important;
|
|
}
|
|
.hljs-ansi-background-green {
|
|
background-color: #{colors.$c2} !important;
|
|
}
|
|
.hljs-ansi-background-yellow {
|
|
background-color: #{colors.$c3} !important;
|
|
}
|
|
.hljs-ansi-background-blue {
|
|
background-color: #{colors.$c4} !important;
|
|
}
|
|
.hljs-ansi-background-magenta {
|
|
background-color: #{colors.$c5} !important;
|
|
}
|
|
.hljs-ansi-background-cyan {
|
|
background-color: #{colors.$c6} !important;
|
|
}
|
|
.hljs-ansi-background-white {
|
|
background-color: #{colors.$c7} !important;
|
|
}
|