|
|
|
@ -31,16 +31,6 @@
|
|
|
|
|
@cryptpad_color_brand_fader: fade(@cryptpad_color_brand, 50%);
|
|
|
|
|
@cryptpad_color_brand_fadest: fade(@cryptpad_color_brand, 25%);
|
|
|
|
|
|
|
|
|
|
@cryptpad_color_hint_grey: #777;
|
|
|
|
|
@cryptpad_color_dark_grey: #999999;
|
|
|
|
|
@cryptpad_color_neutral_grey: #aaaaaa;
|
|
|
|
|
@cryptpad_color_neutral2_grey: #cccccc;
|
|
|
|
|
@cryptpad_color_help_grey: #dddddd;
|
|
|
|
|
@cryptpad_color_grey: #e0e0e0;
|
|
|
|
|
@cryptpad_color_toolbar_grey: #EEEEEE;
|
|
|
|
|
@cryptpad_color_light_grey: #f1f1f1;
|
|
|
|
|
@cryptpad_color_lighter_grey: #f9f9f9;
|
|
|
|
|
|
|
|
|
|
@cryptpad_color_white: #FFF;
|
|
|
|
|
@cryptpad_color_grey_50: #FAFAFA;
|
|
|
|
|
@cryptpad_color_grey_100: #F5F5F5;
|
|
|
|
@ -112,7 +102,7 @@
|
|
|
|
|
@cp_alertify-log-bg: fade(@cryptpad_color_brand, 90%);
|
|
|
|
|
@cp_alertify-log-fg: @cryptpad_color_white;
|
|
|
|
|
@cp_alertify-warn-bg: rgba(205, 37, 50);
|
|
|
|
|
@cp_alertify-disable-border: @cryptpad_color_dark_grey;
|
|
|
|
|
@cp_alertify-disable-border: @cryptpad_color_grey_500;
|
|
|
|
|
|
|
|
|
|
// Forms
|
|
|
|
|
@cp_forms-fg: @cryptpad_text_col;
|
|
|
|
@ -157,18 +147,18 @@
|
|
|
|
|
@cp_buttons-cancel-border: #949494;
|
|
|
|
|
|
|
|
|
|
// Sidebar layout
|
|
|
|
|
@cp_sidebar-left-bg: @cryptpad_color_toolbar_grey;
|
|
|
|
|
@cp_sidebar-left-bg: @cryptpad_color_grey_200;
|
|
|
|
|
@cp_sidebar-left-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_sidebar-right-bg: @cryptpad_color_white;
|
|
|
|
|
@cp_sidebar-right-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_sidebar-left-active: @cp_sidebar-right-bg;
|
|
|
|
|
@cp_sidebar-hint: @cryptpad_color_hint_grey;
|
|
|
|
|
@cp_sidebar-hint: @cryptpad_color_grey_600;
|
|
|
|
|
|
|
|
|
|
// Drive
|
|
|
|
|
@cp_drive-bg: @cp_sidebar-right-bg;
|
|
|
|
|
@cp_drive-fg: @cp_sidebar-right-fg;
|
|
|
|
|
@cp_drive-header-fg: fade(@cryptpad_text_col, 70%);
|
|
|
|
|
@cp_drive-icon-hover: fade(@cryptpad_text_col, 5%);
|
|
|
|
|
@cp_drive-icon-hover: fade(@cryptpad_text_col, 15%);
|
|
|
|
|
@cp_drive-icon-border: fade(@cryptpad_text_col, 20%);
|
|
|
|
|
@cp_drive-thumb-bg: transparent;
|
|
|
|
|
@cp_drive-selected-bg: fade(@cryptpad_text_col, 10%);
|
|
|
|
@ -199,18 +189,18 @@
|
|
|
|
|
|
|
|
|
|
// Dropdown
|
|
|
|
|
@cp_dropdown-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_dropdown-bg: @cryptpad_color_lighter_grey;
|
|
|
|
|
@cp_dropdown-bg-hover: @cryptpad_color_light_grey;
|
|
|
|
|
@cp_dropdown-bg-active: @cryptpad_color_grey;
|
|
|
|
|
@cp_dropdown-bg: @cryptpad_color_grey_100;
|
|
|
|
|
@cp_dropdown-bg-hover: @cryptpad_color_grey_100;
|
|
|
|
|
@cp_dropdown-bg-active: @cryptpad_color_grey_300;
|
|
|
|
|
|
|
|
|
|
// Rendered Markdown
|
|
|
|
|
@cp_markdown-bg: @cryptpad_color_lighter_grey;
|
|
|
|
|
@cp_markdown-bg: @cryptpad_color_grey_100;
|
|
|
|
|
@cp_markdown-border: @cryptpad_color_grey_400;
|
|
|
|
|
@cp_markdown-block-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_markdown-block-bg: @cryptpad_color_grey_200;
|
|
|
|
|
|
|
|
|
|
// Avatar
|
|
|
|
|
@cp_avatar-bg: @cryptpad_color_grey;
|
|
|
|
|
@cp_avatar-bg: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_avatar-fg: @cryptpad_text_col;
|
|
|
|
|
|
|
|
|
|
// Corner
|
|
|
|
@ -224,7 +214,7 @@
|
|
|
|
|
@cp_creation-button-bg: @cryptpad_color_brand;
|
|
|
|
|
@cp_creation-button-fg: @cryptpad_color_white;
|
|
|
|
|
@cp_creation-error-bg: @cryptpad_color_blue;
|
|
|
|
|
@cp_creation-error-fg: @cryptpad_color_light_grey;
|
|
|
|
|
@cp_creation-error-fg: @cryptpad_color_grey_100;
|
|
|
|
|
|
|
|
|
|
// Export
|
|
|
|
|
@cp_export-bg: @cryptpad_color_grey_200;
|
|
|
|
@ -235,20 +225,20 @@
|
|
|
|
|
|
|
|
|
|
// File upload
|
|
|
|
|
@cp_upload-fg: @cryptpad_color_brand;
|
|
|
|
|
@cp_upload-header: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_upload-progress: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_upload-header: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_upload-progress: @cryptpad_color_grey_300;
|
|
|
|
|
|
|
|
|
|
// Help
|
|
|
|
|
@cp_help-bg: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_help-bg: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_help-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_help-link: @cryptpad_color_link;
|
|
|
|
|
|
|
|
|
|
// Static pages
|
|
|
|
|
@cp_static-bg: @cryptpad_color_toolbar_grey;
|
|
|
|
|
@cp_static-bg: @cryptpad_color_grey_200;
|
|
|
|
|
@cp_static-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_static-link: @cryptpad_color_brand;
|
|
|
|
|
@cp_static-title: @cryptpad_color_brand;
|
|
|
|
|
@cp_static-footer: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_static-footer: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_static-footer-border: @cryptpad_color_white;
|
|
|
|
|
@cp_static-topbar-fg: @cryptpad_color_brand;
|
|
|
|
|
@cp_static-card-bg: @cryptpad_color_white;
|
|
|
|
@ -262,8 +252,8 @@
|
|
|
|
|
@cp-limit-bar-above: @cryptpad_color_red;
|
|
|
|
|
|
|
|
|
|
// Mentions
|
|
|
|
|
@cp_mentions-bg: @cryptpad_color_grey;
|
|
|
|
|
@cp_mentions-hover: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_mentions-bg: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_mentions-hover: @cryptpad_color_grey_300;
|
|
|
|
|
|
|
|
|
|
// Autocomplete
|
|
|
|
|
@cp_autocomplete-bg: @cryptpad_color_grey_100;
|
|
|
|
@ -273,13 +263,13 @@
|
|
|
|
|
|
|
|
|
|
// Modals
|
|
|
|
|
@cp_access-overlay: fade(@cryptpad_color_white, 50%);
|
|
|
|
|
@cp_snapshots-hover: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_snapshots-hover: @cryptpad_color_grey_300;
|
|
|
|
|
|
|
|
|
|
// Support
|
|
|
|
|
@cp_support-bg: @cryptpad_color_lighter_grey;
|
|
|
|
|
@cp_support-bg: @cryptpad_color_grey_100;
|
|
|
|
|
@cp_support-msg-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_support-msg-bg: @cryptpad_color_grey;
|
|
|
|
|
@cp_support-header-bg: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_support-msg-bg: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_support-header-bg: @cryptpad_color_grey_300;
|
|
|
|
|
|
|
|
|
|
// Toolbar
|
|
|
|
|
@cp_toolbar-bg: @cryptpad_color_grey_200;
|
|
|
|
@ -297,9 +287,9 @@
|
|
|
|
|
@cp_history-fg: @cp_toolbar-bottom-fg;
|
|
|
|
|
|
|
|
|
|
// Tokenfield
|
|
|
|
|
@cp_token-bg: @cryptpad_color_neutral2_grey;
|
|
|
|
|
@cp_token-bg: @cryptpad_color_grey_400;
|
|
|
|
|
@cp_token-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_token-bg-hover: @cryptpad_color_neutral_grey;
|
|
|
|
|
@cp_token-bg-hover: @cryptpad_color_grey_500;
|
|
|
|
|
@cp_token-invalid: @cryptpad_color_warn_red;
|
|
|
|
|
|
|
|
|
|
// Usergrid
|
|
|
|
@ -311,7 +301,7 @@
|
|
|
|
|
@cp_shadow-color: fade(@cryptpad_color_black, 40%);
|
|
|
|
|
|
|
|
|
|
// Apps
|
|
|
|
|
@cp_app-bg: @cryptpad_color_light_grey;
|
|
|
|
|
@cp_app-bg: @cryptpad_color_grey_100;
|
|
|
|
|
@cp_app-fg: @cryptpad_text_col;
|
|
|
|
|
|
|
|
|
|
// Accounts
|
|
|
|
@ -321,12 +311,12 @@
|
|
|
|
|
@cp_accounts-active: @cryptpad_color_light_green;
|
|
|
|
|
@cp_accounts-inactive: @cryptpad_color_light_red;
|
|
|
|
|
@cp_accounts-mysubs-alert: @cryptpad_color_white;
|
|
|
|
|
@cp_accounts-mysubs-bg: @cryptpad_color_toolbar_grey;
|
|
|
|
|
@cp_accounts-mysubs-bg: @cryptpad_color_grey_200;
|
|
|
|
|
@cp_accounts-mysubs-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_accounts-contact-hover: fade(@cryptpad_color_black, 20%);
|
|
|
|
|
@cp_accounts-tab-bg: @cryptpad_color_toolbar_grey;
|
|
|
|
|
@cp_accounts-tab-hover: @cryptpad_color_grey;
|
|
|
|
|
@cp_accounts-tab-border: @cryptpad_color_neutral_grey;
|
|
|
|
|
@cp_accounts-tab-bg: @cryptpad_color_grey_200;
|
|
|
|
|
@cp_accounts-tab-hover: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_accounts-tab-border: @cryptpad_color_grey_500;
|
|
|
|
|
|
|
|
|
|
// Admin
|
|
|
|
|
@cp_admin-isadmin-fg: @cryptpad_color_brand;
|
|
|
|
@ -343,7 +333,7 @@
|
|
|
|
|
|
|
|
|
|
// Debug
|
|
|
|
|
@cp_debug-hover: fade(@cryptpad_color_black, 10%);
|
|
|
|
|
@cp_debug-icon-hover: @cryptpad_color_dark_grey;
|
|
|
|
|
@cp_debug-icon-hover: @cryptpad_color_grey_500;
|
|
|
|
|
|
|
|
|
|
// Mediatag
|
|
|
|
|
@cp_mediatag-text-bg: @cryptpad_color_white;
|
|
|
|
@ -397,14 +387,14 @@
|
|
|
|
|
// Poll
|
|
|
|
|
@cp_poll-th-bg: @cryptpad_color_lighter_blue;
|
|
|
|
|
@cp_poll-th-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_poll-uncommitted-bg: @cryptpad_color_toolbar_grey;
|
|
|
|
|
@cp_poll-border-color: @cryptpad_color_hint_grey;
|
|
|
|
|
@cp_poll-uncommitted-bg: @cryptpad_color_grey_200;
|
|
|
|
|
@cp_poll-border-color: @cryptpad_color_grey_600;
|
|
|
|
|
@cp_poll-cell-fg: @cryptpad_text_col;
|
|
|
|
|
@cp_poll-unset: @cryptpad_color_help_grey;
|
|
|
|
|
@cp_poll-unset: @cryptpad_color_grey_300;
|
|
|
|
|
@cp_poll-yes: @cryptpad_color_light_green;
|
|
|
|
|
@cp_poll-no: @cryptpad_color_light_red;
|
|
|
|
|
@cp_poll-maybe: @cryptpad_color_light_yellow;
|
|
|
|
|
@cp_poll-hint: @cryptpad_color_dark_grey;
|
|
|
|
|
@cp_poll-hint: @cryptpad_color_grey_500;
|
|
|
|
|
|
|
|
|
|
// Profile
|
|
|
|
|
@cp_profile-border: @cryptpad_color_grey_400;
|
|
|
|
@ -423,6 +413,6 @@
|
|
|
|
|
|
|
|
|
|
// Whiteboard
|
|
|
|
|
@cp_whiteboard-board-bg: @cryptpad_color_white;
|
|
|
|
|
@cp_whiteboard-board-border: @cryptpad_color_hint_grey;
|
|
|
|
|
@cp_whiteboard-board-border: @cryptpad_color_grey_600;
|
|
|
|
|
@cp_whiteboard-bg: @cp_app-bg;
|
|
|
|
|
@cp_whiteboard-fg: @cryptpad_text_col;
|
|
|
|
|