Montassar Ghanmy
@@ -0,0 +1,37 @@
|
||||
// --- Tdrive default colors --- //
|
||||
@black: #000000;
|
||||
@black-alpha-50: #18295288;
|
||||
@black-alpha-70: #18295255;
|
||||
@error: #ff5154;
|
||||
@error-background: #ffeded;
|
||||
@primary: #004dff;
|
||||
@primary-background: #004dff23;
|
||||
@primary-hover: #002ddf;
|
||||
@grey-background: #f5f5f7;
|
||||
@grey-light: #eeeeee;
|
||||
@grey-dark: #6a6a6a;
|
||||
@secondary: #0d0f38; //#182952;
|
||||
@success: #04aa11;
|
||||
@warning: #ff8607;
|
||||
@white: #fff;
|
||||
@progress-bar-background: #efefef;
|
||||
@progress-bar-color: #58c3ff;
|
||||
@lazy-backgound: #dfdfdf;
|
||||
|
||||
/*
|
||||
// Preparation of dark theme
|
||||
@black: #fff;
|
||||
@black-alpha-50: #ffffff88;
|
||||
@black-alpha-70: #ffffff55;
|
||||
@error: #ff5154;
|
||||
@primary: #2da4fc;
|
||||
@primary-background: #111;
|
||||
@primary-hover: #0091ff;
|
||||
@grey-background: #222;
|
||||
@grey-light: #555;
|
||||
@grey-dark: #999;
|
||||
@secondary: #080808; //#182952;
|
||||
@success: #04aa11;
|
||||
@warning: #ff8607;
|
||||
@white: #111;
|
||||
*/
|
||||
@@ -0,0 +1,6 @@
|
||||
// --- Tdrive fonts --- //
|
||||
|
||||
// 'Inter' = Default
|
||||
// Helvetica Neue = Other alphabets fallback
|
||||
@main-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
||||
'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||
@@ -0,0 +1,40 @@
|
||||
@import '~antd/lib/style/themes/default.less';
|
||||
@import '~antd/dist/antd.less';
|
||||
|
||||
@import './colors.less';
|
||||
@import './sizes.less';
|
||||
@import './fonts.less';
|
||||
@import './shadows.less';
|
||||
|
||||
@import './ui.less';
|
||||
@import './themes/antd-theme.less';
|
||||
|
||||
// --- Root variables --- //
|
||||
:root {
|
||||
--black: @black;
|
||||
--black-alpha-50: @black-alpha-50;
|
||||
--black-alpha-70: @black-alpha-70;
|
||||
--border-radius-small: @border-radius-small;
|
||||
--border-radius-base: @border-radius-base;
|
||||
--border-radius-large: @border-radius-large;
|
||||
--box-shadow-base: @box-shadow-base;
|
||||
--box-shadow-large: @box-shadow-large;
|
||||
--green: @success;
|
||||
--success: @success;
|
||||
--grey-dark: @grey-dark;
|
||||
--grey-background: @grey-background;
|
||||
--main-font: @main-font;
|
||||
--grey-light: @grey-light;
|
||||
--primary: @primary;
|
||||
--primary-hover: @primary-hover;
|
||||
--primary-background: @primary-background;
|
||||
--red: @error;
|
||||
--error: @error;
|
||||
--error-background: @error-background;
|
||||
--secondary: @secondary;
|
||||
--white: @white;
|
||||
--warning: @warning;
|
||||
--progress-bar-background: @progress-bar-background;
|
||||
--progress-bar-color: @progress-bar-color;
|
||||
--lazy-backgroud: @lazy-backgound;
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
// --- Tdrive shadows --- //
|
||||
@checkbox-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
|
||||
@box-shadow-base: 0 2px 15px rgba(0, 0, 0, 0.3); //0 2px 4px rgba(0, 0, 0, 0.5)
|
||||
@box-shadow-large: 0 2px 15px rgba(0, 0, 0, 0.2); //0 2px 4px rgba(0, 0, 0, 0.5)
|
||||
@@ -0,0 +1,10 @@
|
||||
// --- Tdrive sizes --- //
|
||||
@border-radius-small: 4px;
|
||||
@border-radius-base: 8px;
|
||||
@border-radius-large: 20px;
|
||||
@font-size-base: 14px; // major text font size
|
||||
@font-size-large: @font-size-base + 2px;
|
||||
@font-size-small: @font-size-base - 2px;
|
||||
@height-base: 32px;
|
||||
@height-large: @height-base + 8px;
|
||||
@height-small: 28px;
|
||||
@@ -0,0 +1,391 @@
|
||||
/****************************************************************/
|
||||
/* _____ _ _____ _ */
|
||||
/*|_ _| | | |_ _| | */
|
||||
/* | |_ ____ _| | _____ | | | |__ ___ _ __ ___ ___ */
|
||||
/* | \ \ /\ / / _` | |/ / _ \ | | | '_ \ / _ \ '_ ` _ \ / _ \*/
|
||||
/* | |\ V V / (_| | < __/ | | | | | | __/ | | | | | __/*/
|
||||
/* \_/ \_/\_/ \__,_|_|\_\___| \_/ |_| |_|\___|_| |_| |_|\___|*/
|
||||
/* */
|
||||
/****************************************************************/
|
||||
|
||||
// --- ant-colors --- //
|
||||
@disabled-bg: @primary-background; // disable state background
|
||||
@disabled-color: @white; // disable state color
|
||||
@error-color: @error; // error state color
|
||||
@heading-color: @black; // heading text color
|
||||
@link-color: @primary-color; // link color
|
||||
@primary-color: @primary; // primary color for all components
|
||||
@success-color: @success; // success state color
|
||||
@warning-color: @warning; // warning state color
|
||||
|
||||
// --- ant-borders && ant-margins --- //
|
||||
@border-color-base: @grey-background; // major border color
|
||||
|
||||
// --- ant-fonts --- //
|
||||
@font-family: @main-font;
|
||||
|
||||
// --- ant-btn --- //
|
||||
@btn-border-width: 0;
|
||||
@btn-primary-color: @white;
|
||||
@btn-height-sm: 36px;
|
||||
@btn-height-lg: 54px;
|
||||
@btn-font-size-lg: 17px;
|
||||
.ant-btn {
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
line-height: 1.29;
|
||||
letter-spacing: -0.41px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ant-btn-sm:not(.ant-btn-text) {
|
||||
width: 163px;
|
||||
}
|
||||
|
||||
.ant-btn-lg:not(.ant-btn-text) {
|
||||
width: 272px;
|
||||
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
button.ant-btn-primary {
|
||||
background-color: @primary;
|
||||
}
|
||||
|
||||
.ant-btn-primary:hover,
|
||||
.ant-btn-primary:focus {
|
||||
background-color: @primary-hover;
|
||||
}
|
||||
|
||||
.ant-btn-ghost,
|
||||
.ant-btn-ghost:hover,
|
||||
.ant-btn-ghost:focus {
|
||||
background-color: @primary-background;
|
||||
color: @primary-color;
|
||||
}
|
||||
|
||||
// --- animations --- //
|
||||
@animation-duration-slow: 0.2s;
|
||||
[ant-click-animating-without-extra-node='true']::after,
|
||||
.ant-click-animating-node {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// --- ant-divider --- //
|
||||
.ant-divider-horizontal {
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
// --- ant-checkbox --- //
|
||||
@checkbox-check-bg: @white;
|
||||
@checkbox-color: @white;
|
||||
@checkbox-check-color: @primary;
|
||||
@checkbox-shadow-unselected: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
|
||||
|
||||
.ant-checkbox-wrapper {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.ant-checkbox-inner,
|
||||
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
|
||||
.ant-checkbox:hover .ant-checkbox-inner,
|
||||
.ant-checkbox-input:focus + .ant-checkbox-inner,
|
||||
.ant-checkbox-checked:hover {
|
||||
border-color: @black-alpha-50;
|
||||
box-shadow: @checkbox-shadow-unselected;
|
||||
border-radius: @border-radius-base;
|
||||
transition: box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.ant-checkbox-checked {
|
||||
box-shadow: @checkbox-shadow;
|
||||
}
|
||||
|
||||
// --- ant-input --- //
|
||||
@input-color: @black; // input text color
|
||||
@input-border-color: @grey-background; // input border color
|
||||
@input-bg: @grey-background; // input background color
|
||||
@input-height-base: @height-base;
|
||||
@input-height-lg: @height-large;
|
||||
@input-height-sm: @height-small;
|
||||
@input-hover-border-color: none; // input border color on hover
|
||||
@input-placeholder-color: @grey-dark; // placeholder input color
|
||||
|
||||
.ant-input,
|
||||
.ant-input-focused,
|
||||
.ant-input:hover,
|
||||
.ant-input:focus {
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper {
|
||||
border: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper:focus,
|
||||
.ant-input-affix-wrapper-focused {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
textarea.ant-input,
|
||||
.ant-input {
|
||||
resize: none;
|
||||
min-height: @height-base;
|
||||
|
||||
&.ant-input-sm {
|
||||
min-height: @height-small;
|
||||
}
|
||||
&.ant-input-lg {
|
||||
min-height: @height-large;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper-sm {
|
||||
padding: 0px 7px;
|
||||
}
|
||||
|
||||
.ant-input-affix-wrapper-lg {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
// --- antd-layout-header --- //
|
||||
@layout-header-background-color: @white;
|
||||
|
||||
// --- ant-layout-sider ---//
|
||||
@layout-body-background-color: @white;
|
||||
@layout-sider-background-color: @secondary;
|
||||
@layout-sider-background-light: @grey-background;
|
||||
|
||||
.ant-layout-sider-zero-width-trigger {
|
||||
top: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// --- ant-list-item --- //
|
||||
.ant-list-split .ant-list-item {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.ant-list-item {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// --- ant-modal-body --- //
|
||||
@modal-body-padding: 0;
|
||||
|
||||
.ant-modal {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
// --- ant-modal-content --- //
|
||||
.ant-modal-content {
|
||||
border-radius: @border-radius-large;
|
||||
}
|
||||
|
||||
// --- ant-select --- //
|
||||
@select-background-color: @grey-background;
|
||||
@select-border-color: @grey-background;
|
||||
@select-dropdown-bg: @white;
|
||||
@select-item-active-bg: @primary-background;
|
||||
@select-item-selected-bg: @primary;
|
||||
@select-item-selected-color: @white;
|
||||
|
||||
.ant-select {
|
||||
width: 172px;
|
||||
}
|
||||
|
||||
.ant-select-open {
|
||||
.ant-select-arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-select-focused .ant-select-selector,
|
||||
.ant-select-selector:focus,
|
||||
.ant-select-selector:active,
|
||||
.ant-select-open .ant-select-selector {
|
||||
border-color: @grey-background !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.ant-select-arrow {
|
||||
color: @grey-dark;
|
||||
}
|
||||
|
||||
.ant-select-dropdown {
|
||||
padding: 8px 0;
|
||||
|
||||
.ant-select-item {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
margin: 0 8px;
|
||||
padding: 0 8px;
|
||||
border-radius: @border-radius-base;
|
||||
transition: none;
|
||||
|
||||
&.ant-select-item-option-selected {
|
||||
&,
|
||||
.ant-typography {
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// --- ant-tabs --- //
|
||||
@tabs-ink-bar-color: none;
|
||||
@tabs-card-height: 47px;
|
||||
@tabs-horizontal-margin: 0 11px 0 0;
|
||||
|
||||
.ant-tabs-tab {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ant-tabs-tab-btn {
|
||||
padding: 0 8px;
|
||||
margin: 8px 0;
|
||||
line-height: 31px;
|
||||
}
|
||||
|
||||
.ant-tabs-tab-active > .ant-tabs-tab-btn {
|
||||
border-radius: @border-radius-base;
|
||||
background-color: @primary-background;
|
||||
}
|
||||
.ant-tabs-top > .ant-tabs-nav::before,
|
||||
.ant-tabs-bottom > .ant-tabs-nav::before,
|
||||
.ant-tabs-top > div > .ant-tabs-nav::before,
|
||||
.ant-tabs-bottom > div > .ant-tabs-nav::before {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
|
||||
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
|
||||
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
|
||||
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ant-tabs-ink-bar .ant-tabs-ink-bar-animated,
|
||||
.ant-tabs-content-holder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ant-tabs-top > .ant-tabs-nav,
|
||||
.ant-tabs-bottom > .ant-tabs-nav,
|
||||
.ant-tabs-top > div > .ant-tabs-nav,
|
||||
.ant-tabs-bottom > div > .ant-tabs-nav {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// --- ant-typography --- //
|
||||
.ant-typography {
|
||||
font-weight: normal;
|
||||
font-stretch: normal;
|
||||
font-style: normal;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
// Typography.Text
|
||||
span.ant-typography {
|
||||
color: @black;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
// Typography.Paragraph
|
||||
div.ant-typography {
|
||||
font-size: 17px;
|
||||
color: @grey-dark;
|
||||
letter-spacing: -0.41px;
|
||||
}
|
||||
|
||||
h2.ant-typography,
|
||||
.ant-typography h2 {
|
||||
font-weight: 900;
|
||||
font-size: 32px;
|
||||
letter-spacing: -0.35px;
|
||||
}
|
||||
|
||||
h3.ant-typography,
|
||||
.ant-typography h3 {
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h4.ant-typography,
|
||||
.ant-typography h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
// --- ant-notifications --- //
|
||||
@notification-bg: @component-background;
|
||||
@notification-padding-vertical: 8px;
|
||||
@notification-padding-horizontal: 12px;
|
||||
|
||||
.ant-notification-hook-holder,
|
||||
.ant-notification-notice {
|
||||
cursor: pointer;
|
||||
width: 260px;
|
||||
border-left: 4px solid var(--primary);
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 20%);
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 4px 16px rgba(0, 0, 0, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.ant-notification-notice-close {
|
||||
color: @grey-dark;
|
||||
top: 12px;
|
||||
right: 12px;
|
||||
}
|
||||
|
||||
.ant-notification-notice-message {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.ant-badge-dot {
|
||||
width: 8px !important;
|
||||
height: 8px !important;
|
||||
}
|
||||
|
||||
// --- ant-avatar --- //
|
||||
.ant-avatar-group .ant-avatar:not(:first-child) {
|
||||
margin-left: -8px !important;
|
||||
}
|
||||
|
||||
// --- ant-table --- //
|
||||
.ant-table {
|
||||
font-size: @font-size-small !important;
|
||||
}
|
||||
|
||||
// --- ant-skeleton --- //
|
||||
//ant-skeleton-avatar
|
||||
.ant-skeleton-avatar-square {
|
||||
border-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
.ant-skeleton-title {
|
||||
background-color: #dfdfdf !important;
|
||||
}
|
||||
|
||||
.ant-skeleton-title,
|
||||
.ant-skeleton-paragraph > li {
|
||||
border-radius: var(--border-radius-large) !important;
|
||||
}
|
||||
+239
@@ -0,0 +1,239 @@
|
||||
/*! ==UserStyle==
|
||||
* @name Tdrive Dark Mode
|
||||
* @namespace github.com/chamerling/userstyles
|
||||
* @version 0.0.6
|
||||
* @homepageURL https://github.com/chamerling/userstyles/
|
||||
* @updateURL https://github.com/chamerling/userstyles/raw/main/themes/web.tdrive.app/dark.user.css
|
||||
* @license MIT
|
||||
* @author chamerling
|
||||
* ==/UserStyle== */
|
||||
|
||||
@black: #eceff4;
|
||||
@error: #ff5154;
|
||||
@primary: #9590e9;
|
||||
@primary-hover: #726eb6;
|
||||
@success: #18af2c;
|
||||
@warning: #faad14;
|
||||
@white: #fff;
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
/* Use Nord Theme, https://www.nordtheme.com/docs/colors-and-palettes */
|
||||
--nord0: #2e3440;
|
||||
--nord1: #3b4252;
|
||||
--nord2: #434c5e;
|
||||
--nord3: #4c566a;
|
||||
--nord4: #d8dee9;
|
||||
--nord5: #e5e9f0;
|
||||
--nord6: #eceff4;
|
||||
--nord9: @primary;
|
||||
--nord10: @primary-hover;
|
||||
--nord11: #bf616a;
|
||||
--nord12: #d08770;
|
||||
--nord13: #ebcb8b;
|
||||
--nord14: #a3be8c;
|
||||
--nord15: #b48ead;
|
||||
|
||||
/* Tdrive variables */
|
||||
--primary: @primary;
|
||||
--primary-hover: var(--nord10);
|
||||
--secondary: var(--nord0);
|
||||
--primary-background: var(--nord0);
|
||||
--black: var(--nord6);
|
||||
--black-alpha-50: #ebeef588;
|
||||
--black-alpha-70: #ebeef555;
|
||||
--grey-light: #464646;
|
||||
--grey-dark: #92929c;
|
||||
--grey-background: var(--nord0);
|
||||
--white: var(--nord1);
|
||||
--pale-grey: #5d58d7;
|
||||
--border-radius-base: 3px;
|
||||
--border-radius-large: 5px;
|
||||
--green: var(--nord14);
|
||||
--red: var(--nord11);
|
||||
|
||||
/* Extension variables */
|
||||
--avatar-size: 40px;
|
||||
--avatar-size-small: 25px;
|
||||
--avatar-size-big: 60px;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--nord6);
|
||||
}
|
||||
|
||||
.workspace .image {
|
||||
background-color: var(--nord10);
|
||||
}
|
||||
|
||||
.workspace .name {
|
||||
color: var(--nord4);
|
||||
}
|
||||
|
||||
.workspace.is_selected .image,
|
||||
.workspace:hover .image {
|
||||
background-color: var(--nord9);
|
||||
}
|
||||
|
||||
.workspace.is_selected .name,
|
||||
.workspace:hover .name {
|
||||
color: var(--nord5);
|
||||
}
|
||||
|
||||
.dragged .thread-section.gradient,
|
||||
.thread-container .thread-section.gradient {
|
||||
background: linear-gradient(180deg, var(--nord1) 40%, #0000);
|
||||
}
|
||||
|
||||
.messages-view .messages-scroller-parent.scrolled-up:after {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.message-input {
|
||||
background: var(--nord1);
|
||||
}
|
||||
|
||||
.input {
|
||||
color: var(--grey-background);
|
||||
}
|
||||
|
||||
.channel_category {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.channel:hover {
|
||||
background: var(--nord3);
|
||||
}
|
||||
|
||||
.user_head.border {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.new-thread-button .message {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.dragged .thread.with-block,
|
||||
.thread-container .thread.with-block {
|
||||
border: 1px solid #343434;
|
||||
border-radius: 6px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* This fixes the border radius from the element above*/
|
||||
.dragged .thread-section .message,
|
||||
.thread-container .thread-section .message {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.file {
|
||||
background: var(--primary-background);
|
||||
}
|
||||
|
||||
.message .sender-space {
|
||||
width: var(--avatar-size);
|
||||
}
|
||||
|
||||
.message .sender-space .app_icon,
|
||||
.message .sender-space .sender-head {
|
||||
width: var(--avatar-size);
|
||||
height: var(--avatar-size);
|
||||
}
|
||||
|
||||
.thread-container .thread-section.small-section .message .sender-space .sender-head {
|
||||
width: var(--avatar-size-small);
|
||||
height: var(--avatar-size-small);
|
||||
}
|
||||
|
||||
.current-company-header .current-company .user-info {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.current-company-header .current-company .name .text {
|
||||
color: var(--black);
|
||||
}
|
||||
|
||||
.channels_view {
|
||||
background: var(--nord0);
|
||||
}
|
||||
|
||||
.markdown .inline-code {
|
||||
background: var(--nord0);
|
||||
}
|
||||
|
||||
.main_view .app_views .app_side .side_header {
|
||||
background: var(--nord1);
|
||||
color: var(--nord4);
|
||||
}
|
||||
|
||||
.main_view .app_views .app_side .side_header .close {
|
||||
color: var(--nord4);
|
||||
}
|
||||
|
||||
.group_switch .company_name {
|
||||
color: var(--nord4);
|
||||
}
|
||||
|
||||
.mediumPopupComponent .componentContainer .component {
|
||||
background: var(--nord3);
|
||||
}
|
||||
|
||||
.bottom_input > .new-thread .message .message-input {
|
||||
background: var(--nord0);
|
||||
}
|
||||
|
||||
.bottom_input > .new-thread .thread {
|
||||
background: var(--nord0);
|
||||
}
|
||||
|
||||
.message-input .autocomplete div.input,
|
||||
.message-input .autocomplete div.input textarea.input {
|
||||
background: var(--nord6);
|
||||
}
|
||||
|
||||
.markdown .user_twacode.highlighted,
|
||||
.markdown .user_twacode.with_user.highlighted {
|
||||
background: var(--nord9);
|
||||
}
|
||||
|
||||
.markdown .user_twacode.with_user:hover {
|
||||
color: var(--nord6);
|
||||
}
|
||||
|
||||
.channel .group_count {
|
||||
background: var(--nord10);
|
||||
}
|
||||
|
||||
.channel.selected:hover {
|
||||
background: var(--nord9);
|
||||
}
|
||||
.channel.selected {
|
||||
color: var(--nord6);
|
||||
}
|
||||
|
||||
.main_view .channel_header .title .user_image {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.workspace.is_selected:after {
|
||||
background: var(--nord6);
|
||||
}
|
||||
|
||||
.loginPage .center_box_container .center_box {
|
||||
background: var(--nord2);
|
||||
}
|
||||
|
||||
.popupComponent {
|
||||
background: var(--nord2);
|
||||
}
|
||||
|
||||
.user-card .content-popup .avatar {
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.user-card .content-popup .avatar .user_head {
|
||||
border-radius: 0;
|
||||
width: var(--avatar-size-big);
|
||||
height: var(--avatar-size-big);
|
||||
}
|
||||
}
|
||||
Executable
+1236
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user