NapCatQQ/static/assets/color.css
手瓜一十雪 b6a1242bac feat:webui-3
2024-05-05 13:03:56 +08:00

679 lines
27 KiB
CSS

:root {
--font-bold: 400;
--font_size_1: 10px;
--font_size_2: 12px;
--font_size_3: 14px;
--font_size_4: 16px;
--font_size_5: 18px;
--avatar_size_1: 20px;
--avatar_size_2: 32px;
--avatar_size_3: 40px;
--font_size_main_1: 12px;
--font_size_main_2: 14px;
--line_height_1: 14px;
--line_height_2: 16px;
--line_height_3: 20px;
--line_height_4: 22px;
--line_height_5: 24px;
--line_height_main_1: 18px;
--line_height_main_2: 22px;
--shadow_card_rest: 0px 2px 4px rgba(0, 0, 0, 0.12);
--shadow_tooltip: 0px 4px 8px rgba(0, 0, 0, 0.26);
--shadow_flyout: 0px 8px 16px rgba(0, 0, 0, 0.14);
--shadow_dialog: 0px 30px 60px rgba(0, 0, 0, 0.36) 0 2px 20px rgba(0, 0, 0, 0.37);
--blend_brightness_white_004: 1.04;
--blend_brightness_white_008: 1.08;
--blend_brightness_white_010: 1.10;
--blend_brightness_white_016: 1.16;
--blend_brightness_white_020: 1.20;
--blend_brightness_black_004: 0.96;
--blend_brightness_black_008: 0.92;
--blend_brightness_black_010: 0.90;
--blend_brightness_black_016: 0.84;
--blend_brightness_black_020: 0.80;
--blend_white_004: rgba(255, 255, 255, 0.04);
--blend_white_008: rgba(255, 255, 255, 0.08);
--blend_white_010: rgba(255, 255, 255, 0.10);
--blend_white_016: rgba(255, 255, 255, 0.16);
--blend_white_020: rgba(255, 255, 255, 0.20);
--blend_black_004: rgba(0, 0, 0, 0.04);
--blend_black_008: rgba(0, 0, 0, 0.08);
--blend_black_010: rgba(0, 0, 0, 0.10);
--blend_black_016: rgba(0, 0, 0, 0.16);
--blend_black_020: rgba(0, 0, 0, 0.20);
--blend_transparent: rgba(0, 0, 0, 0);
--el-color-white: #fff;
--el-color-black: #000;
--el-color-primary: #409eff;
--el-color-primary-rgb: 64,158,255;
--el-color-success-rgb: 103,194,58;
--el-color-warning-rgb: 230,162,60;
--el-color-danger-rgb: 245,108,108;
--el-color-error-rgb: 245,108,108;
--el-color-info-rgb: 144,147,153;
--el-color-primary-light-1: #53a8ff;
--el-color-primary-light-2: #66b1ff;
--el-color-primary-light-3: #79bbff;
--el-color-primary-light-4: #8cc5ff;
--el-color-primary-light-5: #a0cfff;
--el-color-primary-light-6: #b3d8ff;
--el-color-primary-light-7: #c6e2ff;
--el-color-primary-light-8: #d9ecff;
--el-color-primary-light-9: #ecf5ff;
--el-color-primary-dark-2: #337ecc;
--el-color-success: #67c23a;
--el-color-success-light-3: #95d475;
--el-color-success-light-5: #b3e19d;
--el-color-success-light-7: #d1edc4;
--el-color-success-light-8: #e1f3d8;
--el-color-success-light-9: #f0f9eb;
--el-color-success-dark-2: #529b2e;
--el-color-warning: #e6a23c;
--el-color-warning-light-3: #eebe77;
--el-color-warning-light-5: #f3d19e;
--el-color-warning-light-7: #f8e3c5;
--el-color-warning-light-8: #faecd8;
--el-color-warning-light-9: #fdf6ec;
--el-color-warning-dark-2: #b88230;
--el-color-danger: #f56c6c;
--el-color-danger-light-3: #f89898;
--el-color-danger-light-5: #fab6b6;
--el-color-danger-light-7: #fcd3d3;
--el-color-danger-light-8: #fde2e2;
--el-color-danger-light-9: #fef0f0;
--el-color-danger-dark-2: #c45656;
--el-color-error: #f56c6c;
--el-color-error-light-3: #f89898;
--el-color-error-light-5: #fab6b6;
--el-color-error-light-7: #fcd3d3;
--el-color-error-light-8: #fde2e2;
--el-color-error-light-9: #fef0f0;
--el-color-error-dark-2: #c45656;
--el-color-info: #909399;
--el-color-info-light-3: #b1b3b8;
--el-color-info-light-5: #c8c9cc;
--el-color-info-light-7: #dedfe0;
--el-color-info-light-8: #e9e9eb;
--el-color-info-light-9: #f4f4f5;
--el-color-info-dark-2: #73767a;
--el-bg-color: #fff;
--el-bg-color-page: #fff;
--el-bg-color-overlay: #fff;
--el-text-color-primary: #303133;
--el-text-color-regular: #606266;
--el-text-color-secondary: #909399;
--el-text-color-placeholder: #a8abb2;
--el-text-color-disabled: #c0c4cc;
--el-border-color: #dcdfe6;
--el-border-color-light: #e4e7ed;
--el-border-color-lighter: #ebeef5;
--el-border-color-extra-light: #f2f6fc;
--el-border-color-dark: #d4d7de;
--el-border-color-darker: #cdd0d6;
--el-fill-color: #f0f2f5;
--el-fill-color-light: #f5f7fa;
--el-fill-color-lighter: #fafafa;
--el-fill-color-extra-light: #fafcff;
--el-fill-color-dark: #ebedf0;
--el-fill-color-darker: #e6e8eb;
--el-fill-color-blank: #fff;
--el-border-radius-base: 4px;
--el-border-radius-small: 2px;
--el-border-radius-round: 20px;
--el-border-radius-circle: 100%;
--el-font-size-extra-large: 20px;
--el-font-size-large: 18px;
--el-font-size-medium: 16px;
--el-font-size-base: 14px;
--el-font-size-small: 13px;
--el-font-size-extra-small: 12px;
--el-font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
--el-box-shadow: 0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);
--el-box-shadow-light: 0px 0px 12px rgba(0,0,0,.12);
--el-box-shadow-lighter: 0px 0px 6px rgba(0,0,0,.12);
--el-box-shadow-dark: 0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);
--el-disabled-bg-color: var(--el-fill-color-light);
--el-disabled-text-color: var(--el-text-color-placeholder);
--el-disabled-border-color: var(--el-border-color-light);
--el-index-normal: 1;
--el-index-top: 1000;
--el-index-popper: 2000;
--el-overlay-color: rgba(0,0,0,.8);
--el-overlay-color-light: rgba(0,0,0,.7);
--el-overlay-color-lighter: rgba(0,0,0,.5);
--el-mask-color: hsla(0,0%,100%,.9);
--el-mask-color-extra-light: hsla(0,0%,100%,.3);
--el-border-width: 1px;
--el-border-style: solid;
--el-border-color-hover: var(--el-text-color-disabled);
--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
--el-svg-monochrome-grey: var(--el-border-color);
--el-font-weight-primary: 500;
--el-font-line-height-primary: 24px;
--el-transition-duration: 0.3s;
--el-transition-duration-fast: 0.2s;
--el-transition-function-ease-in-out-bezier: cubic-bezier(0.645,0.045,0.355,1);
--el-transition-function-fast-bezier: cubic-bezier(0.23,1,0.32,1);
--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
--el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
--nt_brand_standard_2_overlay_hover_brand_2_mix: #008debff;
--nt_brand_standard_2_overlay_pressed_brand_2_mix: #0080d6ff;
--nt_feedback_error_2_overlay_hover_brand_2_mix: #e4462cff;
--nt_feedback_error_2_overlay_pressed_brand_2_mix: #cf4028ff;
--nt_icon_white_2_overlay_hover_2_mix: #f5f5f5ff;
--nt_icon_white_2_overlay_pressed_2_mix: #e0e0e0ff;
--nt_bg_top_light_2_overlay_hover_2_mix: #f5f5f5ff;
--nt_bg_top_light_2_overlay_pressed_2_mix: #e0e0e0ff;
--nt_icon_secondary_02_2_0_2_alpha: rgba(204, 204, 204, 0);
--nt_icon_secondary_02_2_70_2_alpha: rgba(204, 204, 204, 0.7);
--nt_text_link_2_50_2_alpha: rgba(45, 119, 229, 0.5);
--nt_bubble_host_2_overlay_pressed_brand_2_mix: #0080d6ff;
--nt_bg_white_2_overlay_pressed_brand_2_mix: #d6d6d6ff;
--nt_bg_white_2_overlay_hover_2_mix: #f5f5f5ff;
--nt_bg_white_2_overlay_pressed_2_mix: #e0e0e0ff;
--nt_fg_white_2_overlay_hover_2_mix: #f5f5f5ff;
--nt_fg_white_2_overlay_pressed_2_mix: #e0e0e0ff;
--nt_icon_red_2_overlay_hover_2_mix: #f5314fff;
--nt_icon_red_2_overlay_pressed_2_mix: #e02d48ff;
--nt_fg_grey_standard_2_overlay_hover_2_mix: #0000003b;
--nt_fg_grey_standard_2_overlay_pressed_2_mix: #0000004c;
--nt_bubble_guest_2_overlay_pressed_2_mix: #e0e0e0ff;
--nt_icon_primary_2_20_2_alpha: rgba(0, 0, 0, 0.2);
--nt_bg_grey_standard_2_95_2_alpha: rgba(242, 242, 242, 0.95);
--nt_tag_red_2_20_2_alpha: rgba(255, 134, 46, 0.2);
--nt_tag_red_2_25_2_alpha: rgba(255, 134, 46, 0.25);
--nt_tag_blue_2_20_2_alpha: rgba(0, 153, 255, 0.2);
--nt_tag_blue_2_25_2_alpha: rgba(0, 153, 255, 0.25);
--nt_tag_blue_2_10_2_alpha: rgba(0, 153, 255, 0.1);
--nt_brand_standard_2_20_2_alpha: rgba(0, 153, 255, 0.2);
--nt_feedback_error_2_20_2_alpha: rgba(247, 76, 48, 0.2);
--nt_text_white_2_60_2_alpha: rgba(255, 255, 255, 0.6);
--nt_bg_white_2_70_2_alpha: rgba(255, 255, 255, 0.7);
--nt_bg_white_2_90_2_alpha: rgba(255, 255, 255, 0.9);
--nt_bg_white_2_97_2_alpha: rgba(255, 255, 255, 0.97);
--nt_bg_white_2_40_2_alpha: rgba(255, 255, 255, 0.4);
--nt_bg_white_2_30_2_alpha: rgba(255, 255, 255, 0.3);
--nt_text_white_2_80_2_alpha: rgba(255, 255, 255, 0.8);
--nt_brand_standard_2_50_2_alpha: rgba(0, 153, 255, 0.5);
--nt_bg_nav_secondary_2_60_2_alpha: rgba(255, 255, 255, 0.6);
--nt_bg_nav_2_60_2_alpha: rgba(242, 242, 242, 0.6);
--nt_feedback_error_2_10_2_alpha: rgba(247, 76, 48, 0.1);
--nt_brand_standard_2_10_2_alpha: rgba(0, 153, 255, 0.1);
--nt_on_brand_primary_2_40_2_alpha: rgba(255, 255, 255, 0.4);
--nt_text_primary_2_72_2_alpha: rgba(0, 0, 0, 0.72);
--nt_text_white_2_72_2_alpha: rgba(255, 255, 255, 0.72);
--border_secondary: 1px solid rgba(0, 0, 0, 0.0578);
--border_primary: 1px solid rgba(117, 117, 117, 0.4);
--shadow_bg_top: 0px 4px 8px rgba(0, 0, 0, 0.14);
--shadow_bg_middle_secondary: 0px 8px 16px rgba(0, 0, 0, 0.14);
--shadow_bg_middle_primary: 0px 32px 64px rgba(0, 0, 0, 0.1876), 0px 2px 21px rgba(0, 0, 0, 0.1474);
--shadow_bg_bottom_inactive: 0px 16px 32px rgba(0, 0, 0, 0.1876), 0px 2px 10.67px rgba(0, 0, 0, 0.1474);
--shadow_bg_bottom_active: 0px 32px 64px rgba(0, 0, 0, 0.28), 0px 2px 21px rgba(0, 0, 0, 0.22);
--brand_standard: #0099ffff;
--on_brand_primary: #ffffffff;
--on_brand_secondary: #ffffffff;
--text_primary: #000000ff;
--text_primary_light: #00000099;
--text_secondary_02: #ccccccff;
--text_white: #ffffffff;
--text_secondary_01: #999999ff;
--text_black: #000000ff;
--on_bg_text: #999999ff;
--text_link: #2d77e5ff;
--text_secondary: #00000080;
--text_tertiary: #0000004d;
--icon_primary: #000000ff;
--icon_secondary_01: #999999ff;
--icon_secondary_02: #ccccccff;
--icon_white: #ffffffff;
--icon_red: #ff3352ff;
--icon_black: #000000ff;
--icon_secondary: #00000066;
--icon_tertiary: #0000004d;
--feedback_success: #15d173ff;
--feedback_warning: #ffb300ff;
--feedback_error: #f74c30ff;
--bg_grey_standard: #f2f2f2ff;
--bg_white: #ffffffff;
--bg_list: #ffffffff;
--bg_aio_1: #f2f2f2ff;
--bg_aio_2: #f2f2f2ff;
--bg_aio_3: #f2f2f2ff;
--bg_aio_4: #f2f2f2ff;
--bg_nav: #f2f2f2ff;
--mac_bg_nav: #ffffff1a;
--bg_bottom_standard: #f2f2f2ff;
--bg_bottom_light: #ffffffff;
--bg_middle_standard: #f2f2f2ff;
--bg_middle_light: #ffffffff;
--bg_top_standard: #f2f2f2ff;
--bg_top_light: #ffffffff;
--bg_nav_secondary: #ffffffff;
--bubble_host: #0099ffff;
--bubble_guest: #ffffffff;
--bubble_host_text: #ffffff;
--bubble_guest_text: #000000ff;
--bubble_host_1: #0099ffff;
--bubble_host_2: #0099ffff;
--fg_grey_standard: #00000033;
--fg_white: #ffffffff;
--fg_grey_light: #0000000a;
--fill_standard_secondary: #0000000a;
--fill_standard_primary: #00000033;
--fill_light_primary: #ffffffff;
--fill_light_secondary: #ffffffff;
--divider_standard: #0000000a;
--divider_dark: #00000014;
--border_standard: #0000000a;
--border_dark: #00000014;
--overlay_hover: #0000000a;
--overlay_hover_brand: #00000014;
--overlay_pressed_brand: #00000029;
--overlay_active_brand: #0099ffff;
--overlay_top: #0000000f;
--overlay_mask_standard: #00000080;
--overlay_mask_dark: #00000099;
--overlay_pressed: #0000001f;
--overlay_active: #00000014;
--overlay_mask_aio: #00000000;
--blur_standard: #ffffffcc;
--blur_superlight: #ffffff1a;
--blur_middle_standard: #ffffffcc;
--blur_bottom_superlight: #ffffff1a;
--extend_blue: #eaf1ffff;
--svip_red: #ff4222ff;
--tag_sage_green_bg: #a3c4c633;
--tag_sage_green_text: #769698ff;
--tag_red_bg: #ff3f3233;
--tag_red_text: #f74c30ff;
--tag_orange_text: #ff8d40ff;
--tag_orange_bg: #ff862e33;
--tag_purple_text: #aa76f6ff;
--tag_purple_bg: #b27eff33;
--tag_blue_text: #0099ffff;
--tag_blue_bg: #0099ff33;
--tag_blue: #0099ff33;
--tag_red: #ff862e33;
--border_white: #ffffffff;
--border_secondary: #0000000f;
--border_primary: #75757566;
--mac_border_primary: #00000014;
--mac_border_secondary: #0000000a;
--host_bubble_bg_css_value: #0099ff;
--on_bubble_host_text: #ffffffff;
--brand_text: #0099ffff;
--text-primary: #000;
--text-primary-light: #666;
--text-secondary-01: #999;
--text-secondary-02: #ccc;
--text-white: #fff;
--text-brand: #0099ff;
--text-link: #2d77e5;
--text-success: #12d173;
--text-warning: #ffb300;
--text-error: #ff5967;
--icon-primary: #000;
--icon-secondary-01: #999999;
--icon-secondary-02: #cccccc;
--icon-white: #fff;
--icon-brand: #0099ff;
--icon-success: #15d173;
--icon-warning: #ffb300;
--icon-error: #ff5967;
--button-primary-default: #0099ff;
--button-primary-hover: #4DB7FF;
--button-primary-pressed: #0089E5;
--button-primary-disable: #CCEBFF;
--button-secondary-default: #ccc;
--button-secondary-hover: #E5E5E5;
--button-secondary-pressed: #B2B2B2;
--button-secondary-disable: #F0F0F0;
--button-white-default: #FFFFFF;
--button-white-hover: #E5E5E5;
--button-white-pressed: #B2B2B2;
--button-white-disable: #ffffff4d;
--button-error-default: #FF5967;
--button-error-hover: #FF8B94;
--button-error-pressed: #E6505C;
--button-error-disable: #FFEEEF;
--bubble-host: #0099FF;
--bubble-guest: #EBEBEB;
--divider-standard: #E5E5E5;
--divider-light: #F5F5F5;
--divider-brand: #0099FF;
--background-01: #000;
--background-02: #E5E5E5;
--background-03: #F5F5F5;
--background-04: #FAFAFA;
--background-05: #FFFFFF;
--background-dialogue: #FFFFFF;
--hover-list: #F0F0F0;
--hover-icon: #EBEBEB;
--hover-link: #81ADEF;
--press-list: #E5E5E5;
--press-icon: #E5E5E5;
--press-link: #286BCE;
--badge-brand: #0099FF;
--badge-red: #FF5967;
--badge-grey: #CCCCCC;
--audio-hangup: #FF3350;
--gray-black: #000;
--gray-20: #333333;
--gray-40: #666666;
--gray-60: #999999;
--gray-80: #cccccc;
--gray-90: #e5e5e5;
--gray-96: #f5f5f5;
--gray-white: #ffffff;
--blue-dark: #0089E5;
--blue-standard: #0099FF;
--blue-light: #4DB7FF;
--blue-superlight: #E6F5FF;
--green-dark: #12BC67;
--green-standard: #15D173;
--green-light: #5BDE9D;
--green-superlight: #E8FAF1;
--yellow-dark: #E5A000;
--yellow-standard: #FFB300;
--yellow-light: #FFC94C;
--yellow-superlight: #FFF7E5;
--orange-dark: #E57E39;
--orange-standard: #FF8D40;
--orange-light: #FFAE78;
--orange-superlight: #FFF3EB;
--red-dark: #E6505C;
--red-standard: #FF5967;
--red-light: #FF8B94;
--red-superlight: #FFEEEF;
--pink-dark: #E55BA0;
--pink-standard: #FF66B3;
--pink-light: #FF93C9;
--pink-superlight: #FFEFF7;
--indigo-dark: #775CE6;
--indigo-standard: #8566FF;
--indigo-light: #A994FF;
--indigo-superlight: #F3F0FF;
--list-hover: rgba(243, 243, 243);
--list-pressed: rgba(226, 226, 226);
--background_01: #000000;
--background_02: #E6E6E6;
--background_03: #F5F5F5;
--background_04: #FAFAFA;
--background_05: #FFFFFF;
--background_dialogue: #FFFFFF;
--sidebar_win: #ebebeb;
--sidebar_mac: rgba(255,255,255,0.1);
--nt_mix_tokens: nt_brand_standard_2_overlay_hover_brand_2_mix,nt_brand_standard_2_overlay_pressed_brand_2_mix,nt_feedback_error_2_overlay_hover_brand_2_mix,nt_feedback_error_2_overlay_pressed_brand_2_mix,nt_icon_white_2_overlay_hover_2_mix,nt_icon_white_2_overlay_pressed_2_mix,nt_bubble_host_2_overlay_pressed_brand_2_mix,nt_bg_white_2_overlay_pressed_brand_2_mix,nt_bg_white_2_overlay_hover_2_mix,nt_bg_white_2_overlay_pressed_2_mix,nt_fg_white_2_overlay_hover_2_mix,nt_fg_white_2_overlay_pressed_2_mix,nt_icon_red_2_overlay_hover_2_mix,nt_icon_red_2_overlay_pressed_2_mix,nt_fg_grey_standard_2_overlay_hover_2_mix,nt_fg_grey_standard_2_overlay_pressed_2_mix,nt_bubble_guest_2_overlay_pressed_2_mix,nt_icon_primary_2_20_2_alpha,nt_bg_grey_standard_2_95_2_alpha,nt_tag_red_2_20_2_alpha,nt_tag_red_2_25_2_alpha,nt_tag_blue_2_20_2_alpha,nt_tag_blue_2_25_2_alpha,nt_tag_blue_2_10_2_alpha,nt_tag_purple_2_20_2_alpha,nt_brand_standard_2_20_2_alpha,nt_tag_sage_green_2_20_2_alpha,nt_feedback_error_2_20_2_alpha,nt_text_white_2_60_2_alpha,nt_bg_white_2_70_2_alpha,nt_bg_white_2_90_2_alpha,nt_bg_white_2_97_2_alpha,nt_bg_white_2_40_2_alpha,nt_bg_white_2_30_2_alpha,nt_text_white_2_80_2_alpha,nt_brand_standard_2_50_2_alpha,nt_bg_nav_secondary_2_60_2_alpha,nt_bg_nav_2_60_2_alpha,nt_feedback_error_2_10_2_alpha,nt_brand_standard_2_10_2_alpha,nt_on_brand_primary_2_40_2_alpha,nt_text_primary_2_72_2_alpha,nt_text_white_2_72_2_alpha;
color-scheme: light;
}
.q-theme-tokens-dark {
--nt_brand_standard_2_overlay_hover_brand_2_mix: #1472d0ff;
--nt_brand_standard_2_overlay_pressed_brand_2_mix: #0056abff;
--nt_feedback_error_2_overlay_hover_brand_2_mix: #f85a40ff;
--nt_feedback_error_2_overlay_pressed_brand_2_mix: #cf4028ff;
--nt_icon_white_2_overlay_hover_2_mix: #ffffffff;
--nt_icon_white_2_overlay_pressed_2_mix: #d6d6d6ff;
--nt_bg_top_light_2_overlay_hover_2_mix: #404040ff;
--nt_bg_top_light_2_overlay_pressed_2_mix: #282828ff;
--nt_icon_secondary_02_2_0_2_alpha: rgba(77, 77, 77, 0);
--nt_icon_secondary_02_2_70_2_alpha: rgba(77, 77, 77, 0.7);
--nt_text_link_2_50_2_alpha: rgba(45, 119, 229, 0.5);
--nt_bubble_host_2_overlay_pressed_brand_2_mix: #202020ff;
--nt_bg_white_2_overlay_pressed_brand_2_mix: #202020ff;
--nt_bg_white_2_overlay_hover_2_mix: #373737ff;
--nt_bg_white_2_overlay_pressed_2_mix: #202020ff;
--nt_fg_white_2_overlay_hover_2_mix: #373737ff;
--nt_fg_white_2_overlay_pressed_2_mix: #202020ff;
--nt_icon_red_2_overlay_hover_2_mix: #ff4360ff;
--nt_icon_red_2_overlay_pressed_2_mix: #d62b45ff;
--nt_fg_grey_standard_2_overlay_hover_2_mix: #ffffff43;
--nt_fg_grey_standard_2_overlay_pressed_2_mix: #82828254;
--nt_bubble_guest_2_overlay_pressed_2_mix: #202020ff;
--nt_icon_primary_2_20_2_alpha: rgba(255, 255, 255, 0.2);
--nt_bg_grey_standard_2_95_2_alpha: rgba(26, 26, 26, 0.95);
--nt_tag_red_2_20_2_alpha: rgba(255, 134, 46, 0.2);
--nt_tag_red_2_25_2_alpha: rgba(255, 134, 46, 0.25);
--nt_tag_blue_2_20_2_alpha: rgba(0, 153, 255, 0.2);
--nt_tag_blue_2_25_2_alpha: rgba(0, 153, 255, 0.25);
--nt_tag_blue_2_10_2_alpha: rgba(0, 153, 255, 0.1);
--nt_brand_standard_2_20_2_alpha: rgba(0, 102, 204, 0.2);
--nt_feedback_error_2_20_2_alpha: rgba(247, 76, 48, 0.2);
--nt_text_white_2_60_2_alpha: rgba(255, 255, 255, 0.6);
--nt_bg_white_2_70_2_alpha: rgba(38, 38, 38, 0.7);
--nt_bg_white_2_90_2_alpha: rgba(38, 38, 38, 0.9);
--nt_bg_white_2_97_2_alpha: rgba(38, 38, 38, 0.97);
--nt_bg_white_2_40_2_alpha: rgba(38, 38, 38, 0.4);
--nt_bg_white_2_30_2_alpha: rgba(38, 38, 38, 0.3);
--nt_text_white_2_80_2_alpha: rgba(255, 255, 255, 0.8);
--nt_brand_standard_2_50_2_alpha: rgba(0, 102, 204, 0.5);
--nt_bg_nav_secondary_2_60_2_alpha: rgba(27, 27, 27, 0.6);
--nt_bg_nav_2_60_2_alpha: rgba(17, 17, 17, 0.6);
--nt_feedback_error_2_10_2_alpha: rgba(247, 76, 48, 0.1);
--nt_brand_standard_2_10_2_alpha: rgba(0, 102, 204, 0.1);
--nt_on_brand_primary_2_40_2_alpha: rgba(255, 255, 255, 0.4);
--nt_text_primary_2_72_2_alpha: rgba(255, 255, 255, 0.72);
--nt_text_white_2_72_2_alpha: rgba(255, 255, 255, 0.72);
--border_secondary: 1px solid rgba(0, 0, 0, 0.2);
--border_primary: 1px solid rgba(117, 117, 117, 0.4);
--shadow_bg_top: 0px 4px 8px rgba(0, 0, 0, 0.26);
--shadow_bg_middle_secondary: 0px 8px 16px rgba(0, 0, 0, 0.14);
--shadow_bg_middle_primary: 0px 32px 64px rgba(0, 0, 0, 0.37), 0px 2px 21px rgba(0, 0, 0, 0.37);
--shadow_bg_bottom_inactive: 0px 32px 64px rgba(0, 0, 0, 0.56), 0px 2px 21px rgba(0, 0, 0, 0.55);
--shadow_bg_bottom_active: 0px 32px 64px rgba(0, 0, 0, 0.56), 0px 2px 21px rgba(0, 0, 0, 0.55);
--brand_standard: #0066ccff;
--on_brand_primary: #ffffffff;
--on_brand_secondary: #ffffffff;
--text_primary: #ffffffe6;
--text_primary_light: #ffffff99;
--text_secondary_02: #666666ff;
--text_white: #ffffffe6;
--text_secondary_01: #808080ff;
--text_black: #000000ff;
--on_bg_text: #808080ff;
--text_link: #2d77e5ff;
--text_secondary: #ffffff99;
--text_tertiary: #ffffff66;
--icon_primary: #ffffffb3;
--icon_secondary_01: #666666ff;
--icon_secondary_02: #4d4d4dff;
--icon_white: #ffffffff;
--icon_red: #ff3352ff;
--icon_black: #000000ff;
--icon_secondary: #ffffff80;
--icon_tertiary: #ffffff66;
--feedback_success: #15d173ff;
--feedback_warning: #ffb300ff;
--feedback_error: #f74c30ff;
--bg_grey_standard: #1a1a1aff;
--bg_white: #262626ff;
--bg_list: #1b1b1bff;
--bg_aio_1: #1a1a1aff;
--bg_aio_2: #1a1a1aff;
--bg_aio_3: #1a1a1aff;
--bg_aio_4: #1a1a1aff;
--bg_nav: #111111ff;
--mac_bg_nav: #0000001a;
--bg_bottom_standard: #111111ff;
--bg_bottom_light: #1b1b1bff;
--bg_middle_standard: #1b1b1bff;
--bg_middle_light: #262626ff;
--bg_top_standard: #262626ff;
--bg_top_light: #303030ff;
--bg_nav_secondary: #1b1b1bff;
--bubble_host: #262626ff;
--bubble_guest: #262626ff;
--bubble_host_text: #f2f2f2;
--bubble_guest_text: #f2f2f2ff;
--bubble_host_1: #262626ff;
--bubble_host_2: #262626ff;
--fg_grey_standard: #ffffff33;
--fg_white: #262626ff;
--fg_grey_light: #00000033;
--fill_standard_secondary: #ffffff0f;
--fill_standard_primary: #ffffff33;
--fill_light_primary: #262626ff;
--fill_light_secondary: #ffffff0f;
--divider_standard: #ffffff0a;
--divider_dark: #ffffff14;
--border_standard: #ffffff0f;
--border_dark: #ffffff14;
--overlay_hover: #ffffff14;
--overlay_hover_brand: #ffffff14;
--overlay_pressed_brand: #00000029;
--overlay_active_brand: #0066ccff;
--overlay_top: #ffffff0f;
--overlay_mask_standard: #00000080;
--overlay_mask_dark: #00000099;
--overlay_pressed: #00000029;
--overlay_active: #ffffff1f;
--overlay_mask_aio: #00000000;
--blur_standard: #000000cc;
--blur_superlight: #0000001a;
--blur_middle_standard: #262626cc;
--blur_bottom_superlight: #0000001a;
--extend_blue: #002f65ff;
--svip_red: #ff4222ff;
--tag_sage_green_bg: #a3c4c633;
--tag_sage_green_text: #769698ff;
--tag_red_bg: #ff3f3233;
--tag_red_text: #f74c30ff;
--tag_orange_text: #ff8d40ff;
--tag_orange_bg: #ff862e33;
--tag_purple_text: #aa76f6ff;
--tag_purple_bg: #b27eff33;
--tag_blue_text: #0066ccff;
--tag_blue_bg: #0099ff33;
--tag_blue: #0099ff40;
--tag_red: #ff862e33;
--border_white: #262626ff;
--border_secondary: #00000033;
--border_primary: #75757566;
--mac_border_primary: #ffffff14;
--mac_border_secondary: #ffffff0a;
--host_bubble_bg_css_value: #262626;
--on_bubble_host_text: #f2f2f2ff;
--brand_text: #0066ccff;
--text-primary: #FFFFFF;
--text-primary-light: #CCCCCC;
--text-secondary-01: #999;
--text-secondary-02: #666666;
--text-white: #fff;
--text-brand: #0099ff;
--text-link: #2d77e5;
--text-success: #12d173;
--text-warning: #ffb300;
--text-error: #ff5967;
--icon-primary: #999999;
--icon-secondary-01: #999999;
--icon-secondary-02: #999999;
--icon-white: #fff;
--icon-brand: #0099ff;
--icon-success: #15d173;
--icon-warning: #ffb300;
--icon-error: #ff5967;
--button-primary-default: #0066CC;
--button-primary-hover: #19467F;
--button-primary-pressed: #0A1F33;
--button-primary-disable: #232323;
--button-secondary-default: #232323;
--button-secondary-hover: #1F1F1F;
--button-secondary-pressed: #1A1A1A;
--button-secondary-disable: #1A1A1A;
--button-white-default: #FFFFFF;
--button-white-hover: #FAFAFA;
--button-white-pressed: #F5F5F5;
--button-white-disable: #FFFFFF;
--button-error-default: #FF5967;
--button-error-hover: #FF8B94;
--button-error-pressed: #E6505C;
--button-error-disable: #FFEEEF;
--bubble-host: #262626;
--bubble-guest: #262626;
--divider-standard: #242424;
--divider-light: #4D4D4D;
--divider-brand: #0099FF;
--background-01: #FFFFFF;
--background-02: #242424;
--background-03: #181818;
--background-04: #1F1F1F;
--background-05: #000000;
--background-dialogue: #262626;
--hover-list: #292929;
--hover-icon: #333333;
--hover-link: #81ADEF;
--press-list: #383838;
--press-icon: #262626;
--press-link: #286BCE;
--badge-brand: #0099FF;
--badge-red: #FF5967;
--badge-grey: #4D4D4D;
--audio-hangup: #FF3350;
--gray-black: #000;
--gray-20: #333333;
--gray-40: #666666;
--gray-60: #999999;
--gray-80: #cccccc;
--gray-90: #e5e5e5;
--gray-96: #f5f5f5;
--gray-white: #ffffff;
--blue-dark: #0057BD;
--blue-standard: #0066CC;
--blue-light: #0072E4;
--blue-superlight: #E6F5FF;
--green-dark: #12BC67;
--green-standard: #15D173;
--green-light: #5BDE9D;
--green-superlight: #E8FAF1;
--yellow-dark: #E5A000;
--yellow-standard: #FFB300;
--yellow-light: #FFC94C;
--yellow-superlight: #FFF7E5;
--orange-dark: #E57E39;
--orange-standard: #FF8D40;
--orange-light: #FFAE78;
--orange-superlight: #FFF3EB;
--red-dark: #E6505C;
--red-standard: #FF5967;
--red-light: #FF8B94;
--red-superlight: #FFEEEF;
--pink-dark: #E55BA0;
--pink-standard: #FF66B3;
--pink-light: #FF93C9;
--pink-superlight: #FFEFF7;
--indigo-dark: #775CE6;
--indigo-standard: #8566FF;
--indigo-light: #A994FF;
--indigo-superlight: #F3F0FF;
--list-hover: rgba(71, 71, 71);
--list-pressed: rgba(28, 28, 28);
--background_01: #ffffff;
--background_02: #292929;
--background_03: #1A1A1A;
--background_04: #212121;
--background_05: #212121;
--background_dialogue: #292929;
--sidebar_win: rgba(0,0,0,0.8);
--sidebar_mac: rgba(0,0,0,0.1);
color-scheme: dark;
}