2018-10-19 04:37:14 +08:00
|
|
|
:root {
|
|
|
|
--color-white: #FFF;
|
|
|
|
--color-off-white: #F3F6F9;
|
2016-05-03 06:42:54 +08:00
|
|
|
|
2019-02-22 07:43:11 +08:00
|
|
|
--color-black: #000000;
|
2018-10-19 04:37:14 +08:00
|
|
|
--color-gray: #4E5A66;
|
|
|
|
--color-gray-dark: #06172A;
|
|
|
|
--color-gray-light: #8B9AA8;
|
2019-07-24 03:56:39 +08:00
|
|
|
--color-gray-darkest: #111111;
|
2018-10-19 04:37:14 +08:00
|
|
|
--color-gray-lighter: #a7b3bd;
|
2019-02-24 06:38:58 +08:00
|
|
|
--color-gray-lightest: #d4d9df;
|
2016-05-03 06:42:54 +08:00
|
|
|
|
2018-10-25 20:46:31 +08:00
|
|
|
--color-blue-light: #54a1f3;
|
|
|
|
--color-blue-lighter: #92BCEA;
|
|
|
|
--color-blue-lightest: #E4ECF2;
|
|
|
|
|
2018-10-19 04:37:14 +08:00
|
|
|
--color-primary: #0F70D7;
|
|
|
|
--color-success: #008081;
|
|
|
|
--color-danger: #DF2721;
|
|
|
|
--color-warning: purple;
|
2021-03-26 05:22:50 +08:00
|
|
|
--color-offline: var(--color-gray-light);
|
2016-05-03 06:42:54 +08:00
|
|
|
|
2018-10-19 04:37:14 +08:00
|
|
|
--color-background: var(--color-gray-dark);
|
2016-05-03 06:42:54 +08:00
|
|
|
|
2018-10-19 04:37:14 +08:00
|
|
|
--color-text: var(--color-gray);
|
|
|
|
--color-heading: var(--color-gray-dark);
|
2016-05-03 06:42:54 +08:00
|
|
|
|
2018-10-19 04:37:14 +08:00
|
|
|
--color-link: var(--color-primary);
|
|
|
|
--color-link-hover: #2687ef;
|
2017-07-08 00:11:22 +08:00
|
|
|
|
2018-10-25 20:46:31 +08:00
|
|
|
--color-gray-label: var(--color-gray);
|
2019-02-22 07:43:11 +08:00
|
|
|
|
|
|
|
--color-transparent: #ff000000;
|
2020-06-23 00:02:24 +08:00
|
|
|
--color-tip-bg: #333333;
|
2020-09-02 02:46:13 +08:00
|
|
|
|
|
|
|
--color-white-with-transparency: #ffffff40;
|
|
|
|
|
|
|
|
--loader-bg: var(--color-gray-dark);
|
|
|
|
--loader-bullet: var(--color-white);
|
|
|
|
--user-list-bg: var(--color-off-white);
|
|
|
|
|
|
|
|
--unread-messages-bg: var(--color-danger);
|
|
|
|
--user-list-text: var(--color-gray);
|
|
|
|
|
|
|
|
--user-thumbnail-border: var(--color-gray-light);
|
|
|
|
--user-thumbnail-text: var(--user-thumbnail-border);
|
|
|
|
|
|
|
|
--voice-user-bg: var(--color-success);
|
|
|
|
--voice-user-text: var(--color-white);
|
|
|
|
|
|
|
|
--moderator-text: var(--color-white);
|
|
|
|
--moderator-bg: var(--color-primary);
|
|
|
|
|
|
|
|
--sub-name-color: var(--color-gray-light);
|
|
|
|
|
|
|
|
--user-icons-color: var(--color-gray-light);
|
|
|
|
--user-icons-color-hover: var(--color-gray);
|
|
|
|
|
|
|
|
--list-item-bg-hover: #dce4ed;
|
|
|
|
--item-focus-border: var(--color-blue-lighter);
|
2019-02-22 07:43:11 +08:00
|
|
|
}
|