infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Clean colortheme files

Browse Source
pull/1/head
yflory 4 years ago
parent 623aba2705
commit b99fc88429
13 changed files with 70 additions and 330 deletions
Show Stats Download Patch File Download Diff File

4
customize.dist/src/less2/include/alertify.less
Unescape Escape View File

@ -170,7 +170,7 @@
} }
} }
a { a {
color: @colortheme_logo-2; color: @cryptpad_color_brand;
text-decoration: underline; text-decoration: underline;
} }
} }
@ -201,7 +201,7 @@
background-color: @cp_alertify-hover; background-color: @cp_alertify-hover;
} }
&.disabled { &.disabled {
color: @colortheme_alertify-cancel-border; color: @cp_alertify-disable-border;
cursor: not-allowed; cursor: not-allowed;
} }
&:not(.alertify-tabs-active) { &:not(.alertify-tabs-active) {

140
customize.dist/src/less2/include/colortheme-dark.less
Unescape Escape View File

@ -3,68 +3,6 @@
@colortheme_app-font-size-small: 13px; @colortheme_app-font-size-small: 13px;
@colortheme_app-font: @colortheme_app-font-size @colortheme_font; @colortheme_app-font: @colortheme_app-font-size @colortheme_font;
@colortheme_logo-1: #326599;
@colortheme_logo-2: #0087FF;
@colortheme_logo_2_light: lighten(@colortheme_logo-2, 40%);
@colortheme_loading_bg: #E7E7E7;
@colortheme_link-color: #0275D8;
@colortheme_link-color-visited: lighten(@colortheme_link-color, 10%);
@colortheme_info-background: #eeeeee;
@colortheme_base: #fff;
@colortheme_light-base: lighten(@colortheme_base, 20%);
@colortheme_cp-red: #FA5858; // remove red
@colortheme_cp-green: #46E981;
@colortheme_old-fore: #fafafa;
@colortheme_form-border: #bbbbbb;
@colortheme_form-bg: @colortheme_logo-2;
@colortheme_form-color: #ffffff;
@colortheme_form-bg-alt: #ffffff;
@colortheme_form-color-alt: @colortheme_logo-2;
@colortheme_form-warning: #f49842;
@colortheme_form-warning-hov: darken(@colortheme_form-warning, 5%);
@colortheme_context-menu-icon-color: #7b7b7b;
@colortheme_modal-bg: @colortheme_form-bg-alt; // TODO Modals bg
@colortheme_modal-fg: @colortheme_form-color-alt;
@colortheme_modal-link: @colortheme_link-color;
@colortheme_modal-link-visited: lighten(@colortheme_modal-link, 10%);
@colortheme_modal-dim: fade(@cryptpad_text_col, 50%); // TODO transparent background behind modals
@colortheme_modal-input: @colortheme_form-bg;
@colortheme_modal-input-fg: @colortheme_form-color;
@colortheme_loading-bg: @colortheme_logo-1;
@colortheme_loading-bg-alt: @colortheme_logo-2;
@colortheme_loading-color: @colortheme_old-fore;
// TODO modals buttons
@colortheme_alertify-red: #E55236;
@colortheme_alertify-red-color: #FFF;
@colortheme_alertify-red-border: transparent;
@colortheme_alertify-primary: @colortheme_form-bg;
@colortheme_alertify-primary-text: @colortheme_form-color;
@colortheme_alertify-primary-border: transparent;
@colortheme_alertify-disabled: #6c757d;
@colortheme_alertify-disabled-text: #ffffff;
@colortheme_alertify-disabled-border: #6c757d;
@colortheme_alertify-cancel: @colortheme_modal-bg;
@colortheme_alertify-cancel-border: #949494;
@colortheme_notification-warn: rgba(205, 37, 50, 0.8);
// Apps, these colors are used for customizing the toolbar for the apps.
@colortheme_toolbar-warn: @colortheme_alertify-red;
@colortheme_pad-toolbar-bg: #eeeeee;
@colortheme_help-bg: #ddd;
@colortheme_userlist-bg: #eee;
@colortheme_pad-chat-bg: #AAA;
@colortheme_apps: { @colortheme_apps: {
default: #0087FF; default: #0087FF;
drive: #0087FF; // Used as icon color in index.js (index.html) drive: #0087FF; // Used as icon color in index.js (index.html)
@ -86,38 +24,12 @@
contacts: #607B8D; contacts: #607B8D;
} }
@colortheme_poll-color: #fff; // Colors
@colortheme_poll-help-bg: #bbffbb; @cryptpad_color_brand: #0087FF;
@colortheme_poll-th-bg: #005bef; @cryptpad_color_brand_soft: lighten(@cryptpad_color_brand, 40%);
@colortheme_poll-th-fg: #fff;
// Sidebar layout (profile / settings)
@colortheme_sidebar-active: #fff;
@colortheme_sidebar-left-bg: #eee;
@colortheme_sidebar-left-fg: #000;
@colortheme_sidebar-left-branch: #888;
@colortheme_sidebar-right-bg: #fff;
@colortheme_sidebar-right-fg: #000;
@colortheme_sidebar-description: #777;
@colortheme_sidebar-button-bg: #3066e5;
@colortheme_sidebar-button-red-bg: #e54e4e;
@colortheme_sidebar-button-alt-bg: #fff;
@cryptpad_color_blue: #4591C4;
@cryptpad_header_col: #1E1F1F;
@cryptpad_text_col: #FFF-#3F4141;
@colortheme_checkmark-back0: @colortheme_form-bg-alt;
@colortheme_checkmark-back0-active: @colortheme_form-border;
@colortheme_checkmark-back1: @colortheme_form-bg;
@colortheme_checkmark-col1: @colortheme_form-color;
@colortheme_checkmark-back2: @colortheme_form-bg-alt;
@colortheme_checkmark-col2: @colortheme_form-color-alt;
@colortheme_checkmark-disabled: #AAA;
// New variables @cryptpad_text_col: #FFF-#3F4141;
// Colors
@cryptpad_color_hint_grey: #FFF-#777; @cryptpad_color_hint_grey: #FFF-#777;
@cryptpad_color_dark_grey: #FFF-#999999; @cryptpad_color_dark_grey: #FFF-#999999;
@cryptpad_color_neutral_grey: #FFF-#aaaaaa; @cryptpad_color_neutral_grey: #FFF-#aaaaaa;
@ -128,14 +40,15 @@
@cryptpad_color_light_grey: #FFF-#f1f1f1; @cryptpad_color_light_grey: #FFF-#f1f1f1;
@cryptpad_color_lighter_grey: #FFF-#f9f9f9; @cryptpad_color_lighter_grey: #FFF-#f9f9f9;
@cryptpad_color_blue: #326599; // former logo-1
@cryptpad_color_light_blue: #FFF-#00b7d8; @cryptpad_color_light_blue: #FFF-#00b7d8;
@cryptpad_color_warn_red: #FFF-#eb675e; @cryptpad_color_warn_red: #FFF-#eb675e;
@cryptpad_color_red: #f00;
@cryptpad_color_dark_red: #9e0000; @cryptpad_color_dark_red: #9e0000;
@cryptpad_color_orange: #f49842; @cryptpad_color_orange: #f49842;
@cryptpad_color_black: #FFF-#000; @cryptpad_color_black: #FFF-#000;
@cryptpad_color_white: #FFF-#FFF; @cryptpad_color_white: #FFF-#FFF;
@cryptpad_color_green: #5cb85c; @cryptpad_color_green: #5cb85c;
@cryptpad_color_light_red: darken(#FFD4D4, 75%); @cryptpad_color_light_red: darken(#FFD4D4, 75%);
@cryptpad_color_light_green: darken(#c5ffa8, 75%); @cryptpad_color_light_green: darken(#c5ffa8, 75%);
@cryptpad_color_light_yellow: darken(#FFE69C, 75%); @cryptpad_color_light_yellow: darken(#FFE69C, 75%);
@ -155,7 +68,7 @@
@cp_loading-error-bg: @cryptpad_color_dark_red; @cp_loading-error-bg: @cryptpad_color_dark_red;
@cp_loading-error-fg: @cryptpad_color_white; @cp_loading-error-fg: @cryptpad_color_white;
@cp_loading-progress-bg: @cryptpad_color_white; @cp_loading-progress-bg: @cryptpad_color_white;
@cp_loading-progress-bar-bg: @colortheme_logo-2; @cp_loading-progress-bar-bg: @cryptpad_color_brand;
@cp_loading-spinner: @cryptpad_color_dark_grey; @cp_loading-spinner: @cryptpad_color_dark_grey;
// Chat // Chat
@ -167,31 +80,32 @@
// Alertify // Alertify
@cp_alertify-bg: @cryptpad_color_white; @cp_alertify-bg: @cryptpad_color_white;
@cp_alertify-fg: @colortheme_logo-2; @cp_alertify-fg: @cryptpad_color_brand;
@cp_alertify-hover: fade(@cp_alertify-fg, 25%); @cp_alertify-hover: fade(@cp_alertify-fg, 25%);
@cp_alertify-overlay: fade(@cryptpad_text_col, 50%); @cp_alertify-overlay: fade(@cryptpad_text_col, 50%);
@cp_alertify-log-bg: fade(@colortheme_logo-2, 90%); @cp_alertify-log-bg: fade(@cryptpad_color_brand, 90%);
@cp_alertify-log-fg: @cryptpad_color_white; @cp_alertify-log-fg: @cryptpad_color_white;
@cp_alertify-warn-bg: rgba(205, 37, 50); @cp_alertify-warn-bg: rgba(205, 37, 50);
@cp_alertify-disable-border: @cryptpad_color_dark_grey;
// Forms // Forms
@cp_forms-fg: @cryptpad_text_col; @cp_forms-fg: @cryptpad_text_col;
@cp_forms-bg: @cryptpad_color_white; @cp_forms-bg: @cryptpad_color_white;
@cp_forms-border: @colortheme_logo-2; @cp_forms-border: @cryptpad_color_brand;
@cp_forms-placeholder: @cryptpad_color_dark_grey; @cp_forms-placeholder: @cryptpad_color_dark_grey;
@cp_forms-readonly: fade(@colortheme_logo-2, 25%); @cp_forms-readonly: fade(@cryptpad_color_brand, 25%);
@cp_forms-readonly-border: @cryptpad_color_white; @cp_forms-readonly-border: @cryptpad_color_white;
@cp_forms-disabled: #AAA; @cp_forms-disabled: #AAA;
// Buttons // Buttons
@cp_buttons-fg: @colortheme_logo-2; @cp_buttons-fg: @cryptpad_color_brand;
@cp_buttons-default: #CCC; @cp_buttons-default: #CCC;
@cp_buttons-default-color: @cryptpad_text_col; @cp_buttons-default-color: @cryptpad_text_col;
@cp_buttons-default-border: @cryptpad_text_col; @cp_buttons-default-border: @cryptpad_text_col;
@cp_buttons-red: #E55236; @cp_buttons-red: #E55236;
@cp_buttons-red-color: #FFF; @cp_buttons-red-color: #FFF;
@cp_buttons-red-border: transparent; @cp_buttons-red-border: transparent;
@cp_buttons-primary: @colortheme_logo-2; @cp_buttons-primary: @cryptpad_color_brand;
@cp_buttons-primary-text: #FFFFFF; @cp_buttons-primary-text: #FFFFFF;
@cp_buttons-primary-border: transparent; @cp_buttons-primary-border: transparent;
@cp_buttons-disabled: #6c757d; @cp_buttons-disabled: #6c757d;
@ -220,7 +134,7 @@
@cp_drive-selection-overlay: fade(@cryptpad_color_black, 70%); @cp_drive-selection-overlay: fade(@cryptpad_color_black, 70%);
@cp_drive-selection-bg: @cryptpad_color_neutral_grey; @cp_drive-selection-bg: @cryptpad_color_neutral_grey;
@cp_drive-selection-fg: @cryptpad_text_col; @cp_drive-selection-fg: @cryptpad_text_col;
@cp_drive-droppable-bg: @colortheme_logo-2; @cp_drive-droppable-bg: @cryptpad_color_brand;
@cp_drive-droppable-fg: contrast(@cp_drive-droppable-bg, @cryptpad_text_col, @cryptpad_color_light_grey); @cp_drive-droppable-fg: contrast(@cp_drive-droppable-bg, @cryptpad_text_col, @cryptpad_color_light_grey);
@cp_drive-infobox-bg: @cryptpad_color_lighter_blue; @cp_drive-infobox-bg: @cryptpad_color_lighter_blue;
@cp_drive-infobox-fg: @cryptpad_color_black; @cp_drive-infobox-fg: @cryptpad_color_black;
@ -261,15 +175,15 @@
@cp_context-disabled: @cryptpad_color_neutral_grey; @cp_context-disabled: @cryptpad_color_neutral_grey;
// Corner // Corner
@cp_corner-primary: @colortheme_logo-1; @cp_corner-primary: @cryptpad_color_blue;
@cp_corner-secondary: @cryptpad_color_white; @cp_corner-secondary: @cryptpad_color_black; // XXX
// Pad Creation Screen // Pad Creation Screen
@cp_creation-bg: @cryptpad_color_white; @cp_creation-bg: @cryptpad_color_white;
@cp_creation-fg: @cryptpad_text_col; @cp_creation-fg: @cryptpad_text_col;
@cp_creation-button-bg: @colortheme_logo-2; @cp_creation-button-bg: @cryptpad_color_brand;
@cp_creation-button-fg: @cryptpad_color_white; @cp_creation-button-fg: @cryptpad_color_white;
@cp_creation-error-bg: @colortheme_logo-1; @cp_creation-error-bg: @cryptpad_color_blue;
@cp_creation-error-fg: @cryptpad_color_light_grey; @cp_creation-error-fg: @cryptpad_color_light_grey;
// Export // Export
@ -280,7 +194,7 @@
@cp_export-error-bg2: @cryptpad_color_neutral2_grey; @cp_export-error-bg2: @cryptpad_color_neutral2_grey;
// File upload // File upload
@cp_upload-fg: @colortheme_logo-2; @cp_upload-fg: @cryptpad_color_brand;
@cp_upload-header: @cryptpad_color_help_grey; @cp_upload-header: @cryptpad_color_help_grey;
@cp_upload-progress: @cryptpad_color_help_grey; @cp_upload-progress: @cryptpad_color_help_grey;
@ -292,11 +206,11 @@
// Static pages // Static pages
@cp_static-bg: @cryptpad_color_grey; @cp_static-bg: @cryptpad_color_grey;
@cp_static-fg: @cryptpad_text_col; @cp_static-fg: @cryptpad_text_col;
@cp_static-link: @colortheme_logo-2; @cp_static-link: @cryptpad_color_brand;
@cp_static-title: @colortheme_logo-2; @cp_static-title: @cryptpad_color_brand;
@cp_static-footer: @cryptpad_color_help_grey; @cp_static-footer: @cryptpad_color_help_grey;
@cp_static-footer-border: @cryptpad_color_white; @cp_static-footer-border: @cryptpad_color_white;
@cp_static-topbar-fg: @colortheme_logo-2; @cp_static-topbar-fg: @cryptpad_color_brand;
// Limit // Limit
@cp_limit-fg: @cryptpad_text_col; @cp_limit-fg: @cryptpad_text_col;
@ -337,7 +251,7 @@
// Usergrid // Usergrid
@cp_usergrid-fg: @cryptpad_text_col; @cp_usergrid-fg: @cryptpad_text_col;
@cp_usergrid-selected-bg: @colortheme_logo-2; @cp_usergrid-selected-bg: @cryptpad_color_brand;
@cp_usergrid-selected-fg: @cryptpad_color_white; @cp_usergrid-selected-fg: @cryptpad_color_white;
// Other // Other
@ -364,7 +278,7 @@
@cp_accounts-tab-border: @cryptpad_color_neutral_grey; @cp_accounts-tab-border: @cryptpad_color_neutral_grey;
// Admin // Admin
@cp_admin-isadmin-fg: @colortheme_logo-2; @cp_admin-isadmin-fg: @cryptpad_color_brand;
@cp_admin-isadmin-bg: @cryptpad_color_white; @cp_admin-isadmin-bg: @cryptpad_color_white;
@cp_admin-premium-fg: @cryptpad_color_warn_red; @cp_admin-premium-fg: @cryptpad_color_warn_red;
@cp_admin-premium-bg: lighten(@cryptpad_color_warn_red, 25%); @cp_admin-premium-bg: lighten(@cryptpad_color_warn_red, 25%);
@ -384,7 +298,7 @@
@cp_mediatag-text-fg: @cryptpad_text_col; @cp_mediatag-text-fg: @cryptpad_text_col;
// File // File
@cp_file-progress-bg: @colortheme_logo-2; @cp_file-progress-bg: @cryptpad_color_brand;
@cp_file-progress-fg: @cryptpad_text_col; @cp_file-progress-fg: @cryptpad_text_col;
// Kanban // Kanban
@ -437,7 +351,7 @@
// Teams // Teams
@cp_teams-card-bg: @cryptpad_color_grey; @cp_teams-card-bg: @cryptpad_color_grey;
@cp_teams-leftside-bg: @cryptpad_color_grey; @cp_teams-leftside-bg: @cryptpad_color_grey;
@cp_teams-invite-bg: fade(@colortheme_logo-2, 50%); @cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%);
@cp_teams-invite-fg: @cryptpad_text_col; @cp_teams-invite-fg: @cryptpad_text_col;
@cp_teams-roster-odd: fade(@cryptpad_text_col, 15%); @cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);

140
customize.dist/src/less2/include/colortheme.less
Unescape Escape View File

@ -3,68 +3,6 @@
@colortheme_app-font-size-small: 13px; @colortheme_app-font-size-small: 13px;
@colortheme_app-font: @colortheme_app-font-size @colortheme_font; @colortheme_app-font: @colortheme_app-font-size @colortheme_font;
@colortheme_logo-1: #326599;
@colortheme_logo-2: #0087FF;
@colortheme_logo_2_light: lighten(@colortheme_logo-2, 40%);
@colortheme_loading_bg: #E7E7E7;
@colortheme_link-color: #0275D8;
@colortheme_link-color-visited: lighten(@colortheme_link-color, 10%);
@colortheme_info-background: #eeeeee;
@colortheme_base: #fff;
@colortheme_light-base: lighten(@colortheme_base, 20%);
@colortheme_cp-red: #FA5858; // remove red
@colortheme_cp-green: #46E981;
@colortheme_old-fore: #fafafa;
@colortheme_form-border: #bbbbbb;
@colortheme_form-bg: @colortheme_logo-2;
@colortheme_form-color: #ffffff;
@colortheme_form-bg-alt: #ffffff;
@colortheme_form-color-alt: @colortheme_logo-2;
@colortheme_form-warning: #f49842;
@colortheme_form-warning-hov: darken(@colortheme_form-warning, 5%);
@colortheme_context-menu-icon-color: #7b7b7b;
@colortheme_modal-bg: @colortheme_form-bg-alt; // TODO Modals bg
@colortheme_modal-fg: @colortheme_form-color-alt;
@colortheme_modal-link: @colortheme_link-color;
@colortheme_modal-link-visited: lighten(@colortheme_modal-link, 10%);
@colortheme_modal-dim: fade(@cryptpad_text_col, 50%); // TODO transparent background behind modals
@colortheme_modal-input: @colortheme_form-bg;
@colortheme_modal-input-fg: @colortheme_form-color;
@colortheme_loading-bg: @colortheme_logo-1;
@colortheme_loading-bg-alt: @colortheme_logo-2;
@colortheme_loading-color: @colortheme_old-fore;
// TODO modals buttons
@colortheme_alertify-red: #E55236;
@colortheme_alertify-red-color: #FFF;
@colortheme_alertify-red-border: transparent;
@colortheme_alertify-primary: @colortheme_form-bg;
@colortheme_alertify-primary-text: @colortheme_form-color;
@colortheme_alertify-primary-border: transparent;
@colortheme_alertify-disabled: #6c757d;
@colortheme_alertify-disabled-text: #ffffff;
@colortheme_alertify-disabled-border: #6c757d;
@colortheme_alertify-cancel: @colortheme_modal-bg;
@colortheme_alertify-cancel-border: #949494;
@colortheme_notification-warn: rgba(205, 37, 50, 0.8);
// Apps, these colors are used for customizing the toolbar for the apps.
@colortheme_toolbar-warn: @colortheme_alertify-red;
@colortheme_pad-toolbar-bg: #eeeeee;
@colortheme_help-bg: #ddd;
@colortheme_userlist-bg: #eee;
@colortheme_pad-chat-bg: #AAA;
@colortheme_apps: { @colortheme_apps: {
default: #0087FF; default: #0087FF;
drive: #0087FF; // Used as icon color in index.js (index.html) drive: #0087FF; // Used as icon color in index.js (index.html)
@ -86,40 +24,11 @@
contacts: #607B8D; contacts: #607B8D;
} }
@colortheme_poll-color: #fff;
@colortheme_poll-help-bg: #bbffbb;
@colortheme_poll-th-bg: #005bef;
@colortheme_poll-th-fg: #fff;
// Sidebar layout (profile / settings)
@colortheme_sidebar-active: #fff;
@colortheme_sidebar-left-bg: #eee;
@colortheme_sidebar-left-fg: #000;
@colortheme_sidebar-left-branch: #888;
@colortheme_sidebar-right-bg: #fff;
@colortheme_sidebar-right-fg: #000;
@colortheme_sidebar-description: #777;
@colortheme_sidebar-button-bg: #3066e5;
@colortheme_sidebar-button-red-bg: #e54e4e;
@colortheme_sidebar-button-alt-bg: #fff;
@cryptpad_color_blue: #4591C4;
@cryptpad_header_col: #1E1F1F;
@cryptpad_text_col: #3F4141;
@colortheme_checkmark-back0: @colortheme_form-bg-alt;
@colortheme_checkmark-back0-active: @colortheme_form-border;
@colortheme_checkmark-back1: @colortheme_form-bg;
@colortheme_checkmark-col1: @colortheme_form-color;
@colortheme_checkmark-back2: @colortheme_form-bg-alt;
@colortheme_checkmark-col2: @colortheme_form-color-alt;
@colortheme_checkmark-disabled: #AAA;
// New variables
// Colors // Colors
// XXX @cryptpad_color_brand = @colortheme_logo-2 @cryptpad_color_brand: #0087FF;
@cryptpad_color_brand_soft: lighten(@colortheme_logo-2, 40%); @cryptpad_color_brand_soft: lighten(@cryptpad_color_brand, 40%);
@cryptpad_text_col: #3F4141;
@cryptpad_color_hint_grey: #777; @cryptpad_color_hint_grey: #777;
@cryptpad_color_dark_grey: #999999; @cryptpad_color_dark_grey: #999999;
@ -131,6 +40,7 @@
@cryptpad_color_light_grey: #f1f1f1; @cryptpad_color_light_grey: #f1f1f1;
@cryptpad_color_lighter_grey: #f9f9f9; @cryptpad_color_lighter_grey: #f9f9f9;
@cryptpad_color_blue: #326599; // former logo-1
@cryptpad_color_light_blue: #00b7d8; @cryptpad_color_light_blue: #00b7d8;
@cryptpad_color_lighter_blue: #d2e1f2; @cryptpad_color_lighter_blue: #d2e1f2;
@cryptpad_color_warn_red: #eb675e; @cryptpad_color_warn_red: #eb675e;
@ -158,7 +68,7 @@
@cp_loading-error-bg: @cryptpad_color_dark_red; @cp_loading-error-bg: @cryptpad_color_dark_red;
@cp_loading-error-fg: @cryptpad_color_white; @cp_loading-error-fg: @cryptpad_color_white;
@cp_loading-progress-bg: @cryptpad_color_white; @cp_loading-progress-bg: @cryptpad_color_white;
@cp_loading-progress-bar-bg: @colortheme_logo-2; @cp_loading-progress-bar-bg: @cryptpad_color_brand;
@cp_loading-spinner: @cryptpad_color_dark_grey; @cp_loading-spinner: @cryptpad_color_dark_grey;
// Chat // Chat
@ -170,31 +80,32 @@
// Alertify // Alertify
@cp_alertify-bg: @cryptpad_color_white; @cp_alertify-bg: @cryptpad_color_white;
@cp_alertify-fg: @colortheme_logo-2; @cp_alertify-fg: @cryptpad_color_brand;
@cp_alertify-hover: fade(@cp_alertify-fg, 25%); @cp_alertify-hover: fade(@cp_alertify-fg, 25%);
@cp_alertify-overlay: fade(@cryptpad_text_col, 50%); @cp_alertify-overlay: fade(@cryptpad_text_col, 50%);
@cp_alertify-log-bg: fade(@colortheme_logo-2, 90%); @cp_alertify-log-bg: fade(@cryptpad_color_brand, 90%);
@cp_alertify-log-fg: @cryptpad_color_white; @cp_alertify-log-fg: @cryptpad_color_white;
@cp_alertify-warn-bg: rgba(205, 37, 50); @cp_alertify-warn-bg: rgba(205, 37, 50);
@cp_alertify-disable-border: @cryptpad_color_dark_grey;
// Forms // Forms
@cp_forms-fg: @cryptpad_text_col; @cp_forms-fg: @cryptpad_text_col;
@cp_forms-bg: @cryptpad_color_white; @cp_forms-bg: @cryptpad_color_white;
@cp_forms-border: @colortheme_logo-2; @cp_forms-border: @cryptpad_color_brand;
@cp_forms-placeholder: @cryptpad_color_dark_grey; @cp_forms-placeholder: @cryptpad_color_dark_grey;
@cp_forms-readonly: fade(@colortheme_logo-2, 25%); @cp_forms-readonly: fade(@cryptpad_color_brand, 25%);
@cp_forms-readonly-border: @cryptpad_color_white; @cp_forms-readonly-border: @cryptpad_color_white;
@cp_forms-disabled: #AAA; @cp_forms-disabled: #AAA;
// Buttons // Buttons
@cp_buttons-fg: @colortheme_logo-2; @cp_buttons-fg: @cryptpad_color_brand;
@cp_buttons-default: #CCC; @cp_buttons-default: #CCC;
@cp_buttons-default-color: @cryptpad_text_col; @cp_buttons-default-color: @cryptpad_text_col;
@cp_buttons-default-border: @cryptpad_text_col; @cp_buttons-default-border: @cryptpad_text_col;
@cp_buttons-red: #E55236; @cp_buttons-red: #E55236;
@cp_buttons-red-color: #FFF; @cp_buttons-red-color: #FFF;
@cp_buttons-red-border: transparent; @cp_buttons-red-border: transparent;
@cp_buttons-primary: @colortheme_logo-2; @cp_buttons-primary: @cryptpad_color_brand;
@cp_buttons-primary-text: #FFFFFF; @cp_buttons-primary-text: #FFFFFF;
@cp_buttons-primary-border: transparent; @cp_buttons-primary-border: transparent;
@cp_buttons-disabled: #6c757d; @cp_buttons-disabled: #6c757d;
@ -223,7 +134,7 @@
@cp_drive-selection-overlay: fade(@cryptpad_color_black, 70%); @cp_drive-selection-overlay: fade(@cryptpad_color_black, 70%);
@cp_drive-selection-bg: @cryptpad_color_neutral_grey; @cp_drive-selection-bg: @cryptpad_color_neutral_grey;
@cp_drive-selection-fg: @cryptpad_text_col; @cp_drive-selection-fg: @cryptpad_text_col;
@cp_drive-droppable-bg: @colortheme_logo-2; @cp_drive-droppable-bg: @cryptpad_color_brand;
@cp_drive-droppable-fg: contrast(@cp_drive-droppable-bg, @cryptpad_text_col, @cryptpad_color_light_grey); @cp_drive-droppable-fg: contrast(@cp_drive-droppable-bg, @cryptpad_text_col, @cryptpad_color_light_grey);
@cp_drive-infobox-bg: @cryptpad_color_lighter_blue; @cp_drive-infobox-bg: @cryptpad_color_lighter_blue;
@cp_drive-infobox-fg: @cryptpad_color_black; @cp_drive-infobox-fg: @cryptpad_color_black;
@ -264,15 +175,15 @@
@cp_context-disabled: @cryptpad_color_neutral_grey; @cp_context-disabled: @cryptpad_color_neutral_grey;
// Corner // Corner
@cp_corner-primary: @colortheme_logo-1; @cp_corner-primary: @cryptpad_color_blue;
@cp_corner-secondary: @cryptpad_color_white; @cp_corner-secondary: @cryptpad_color_white;
// Pad Creation Screen // Pad Creation Screen
@cp_creation-bg: @cryptpad_color_white; @cp_creation-bg: @cryptpad_color_white;
@cp_creation-fg: @cryptpad_text_col; @cp_creation-fg: @cryptpad_text_col;
@cp_creation-button-bg: @colortheme_logo-2; @cp_creation-button-bg: @cryptpad_color_brand;
@cp_creation-button-fg: @cryptpad_color_white; @cp_creation-button-fg: @cryptpad_color_white;
@cp_creation-error-bg: @colortheme_logo-1; @cp_creation-error-bg: @cryptpad_color_blue;
@cp_creation-error-fg: @cryptpad_color_light_grey; @cp_creation-error-fg: @cryptpad_color_light_grey;
// Export // Export
@ -283,7 +194,7 @@
@cp_export-error-bg2: @cryptpad_color_neutral2_grey; @cp_export-error-bg2: @cryptpad_color_neutral2_grey;
// File upload // File upload
@cp_upload-fg: @colortheme_logo-2; @cp_upload-fg: @cryptpad_color_brand;
@cp_upload-header: @cryptpad_color_help_grey; @cp_upload-header: @cryptpad_color_help_grey;
@cp_upload-progress: @cryptpad_color_help_grey; @cp_upload-progress: @cryptpad_color_help_grey;
@ -295,11 +206,11 @@
// Static pages // Static pages
@cp_static-bg: @cryptpad_color_toolbar_grey; @cp_static-bg: @cryptpad_color_toolbar_grey;
@cp_static-fg: @cryptpad_text_col; @cp_static-fg: @cryptpad_text_col;
@cp_static-link: @colortheme_logo-2; @cp_static-link: @cryptpad_color_brand;
@cp_static-title: @colortheme_logo-2; @cp_static-title: @cryptpad_color_brand;
@cp_static-footer: @cryptpad_color_help_grey; @cp_static-footer: @cryptpad_color_help_grey;
@cp_static-footer-border: @cryptpad_color_white; @cp_static-footer-border: @cryptpad_color_white;
@cp_static-topbar-fg: @colortheme_logo-2; @cp_static-topbar-fg: @cryptpad_color_brand;
// Limit // Limit
@cp_limit-fg: @cryptpad_text_col; @cp_limit-fg: @cryptpad_text_col;
@ -340,14 +251,13 @@
// Usergrid // Usergrid
@cp_usergrid-fg: @cryptpad_text_col; @cp_usergrid-fg: @cryptpad_text_col;
@cp_usergrid-selected-bg: @colortheme_logo-2; @cp_usergrid-selected-bg: @cryptpad_color_brand;
@cp_usergrid-selected-fg: @cryptpad_color_white; @cp_usergrid-selected-fg: @cryptpad_color_white;
// Other // Other
@cp_shadow-color: rgba(0,0,0,0.4); @cp_shadow-color: rgba(0,0,0,0.4);
// Apps // Apps
@cp_app-bg: @cryptpad_color_light_grey; @cp_app-bg: @cryptpad_color_light_grey;
@cp_app-fg: @cryptpad_text_col; @cp_app-fg: @cryptpad_text_col;
@ -366,7 +276,7 @@
@cp_accounts-tab-border: @cryptpad_color_neutral_grey; @cp_accounts-tab-border: @cryptpad_color_neutral_grey;
// Admin // Admin
@cp_admin-isadmin-fg: @colortheme_logo-2; @cp_admin-isadmin-fg: @cryptpad_color_brand;
@cp_admin-isadmin-bg: @cryptpad_color_white; @cp_admin-isadmin-bg: @cryptpad_color_white;
@cp_admin-premium-fg: @cryptpad_color_warn_red; @cp_admin-premium-fg: @cryptpad_color_warn_red;
@cp_admin-premium-bg: lighten(@cryptpad_color_warn_red, 25%); @cp_admin-premium-bg: lighten(@cryptpad_color_warn_red, 25%);
@ -386,7 +296,7 @@
@cp_mediatag-text-fg: @cryptpad_text_col; @cp_mediatag-text-fg: @cryptpad_text_col;
// File // File
@cp_file-progress-bg: @colortheme_logo-2; @cp_file-progress-bg: @cryptpad_color_brand;
@cp_file-progress-fg: @cryptpad_text_col; @cp_file-progress-fg: @cryptpad_text_col;
// Kanban // Kanban
@ -438,7 +348,7 @@
// Teams // Teams
@cp_teams-card-bg: @cryptpad_color_grey; @cp_teams-card-bg: @cryptpad_color_grey;
@cp_teams-leftside-bg: @cryptpad_color_grey; @cp_teams-leftside-bg: @cryptpad_color_grey;
@cp_teams-invite-bg: fade(@colortheme_logo-2, 50%); @cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%);
@cp_teams-invite-fg: @cryptpad_text_col; @cp_teams-invite-fg: @cryptpad_text_col;
@cp_teams-roster-odd: fade(@cryptpad_text_col, 15%); @cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);

4
customize.dist/src/less2/include/corner.less
Unescape Escape View File

@ -4,8 +4,8 @@
--LessLoader_require: LessLoader_currentFile(); --LessLoader_require: LessLoader_currentFile();
}; };
& { & {
@corner-blue: @colortheme_logo-1; @corner-blue: @cp_corner-primary;
@corner-white: @colortheme_base; @corner-white: @cp_corner-secondary;
@corner-blue-alt: darken(@corner-blue, 10%); @corner-blue-alt: darken(@corner-blue, 10%);
@corner-white-alt: darken(@corner-white, 10%); @corner-white-alt: darken(@corner-white, 10%);

6
customize.dist/src/less2/include/modals-ui-elements.less
Unescape Escape View File

@ -40,7 +40,7 @@
margin-bottom: 10px; margin-bottom: 10px;
.cp-app-prop-size-container { .cp-app-prop-size-container {
height: 20px; height: 20px;
background-color: @colortheme_logo-2; background-color: @cryptpad_color_brand;
margin: 10px 0; margin: 10px 0;
padding: 0; padding: 0;
div { div {
@ -70,7 +70,7 @@
background-color: @cryptpad_color_neutral2_grey; background-color: @cryptpad_color_neutral2_grey;
} }
.cp-app-prop-contents-size-color { .cp-app-prop-contents-size-color {
background-color: @colortheme_logo-2; background-color: @cryptpad_color_brand;
} }
} }
} }
@ -249,7 +249,7 @@
} }
} }
.cp-spinner { .cp-spinner {
border-color: @colortheme_logo-1; border-color: @cryptpad_color_brand;
border-top-color: transparent; border-top-color: transparent;
} }
} }

2
customize.dist/src/less2/include/password-input.less
Unescape Escape View File

@ -18,7 +18,7 @@
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: darken(@colortheme_logo-2, 10%); color: darken(@cryptpad_color_brand, 10%);
} }
} }
} }

32
customize.dist/src/less2/include/sidebar-layout.less
Unescape Escape View File

@ -127,38 +127,6 @@
span.cp-password-container { span.cp-password-container {
margin-bottom: 1px; margin-bottom: 1px;
} }
/*
button.btn {
@button-bg: @colortheme_sidebar-button-bg;
@button-red-bg: @colortheme_sidebar-button-red-bg;
@button-alt-bg: @colortheme_sidebar-button-alt-bg;
background-color: @button-bg;
border-color: darken(@button-bg, 10%);
color: white;
.fa {
margin-right: 0.2em;
}
&:hover {
background-color: darken(@button-bg, 10%);
}
&.btn-secondary {
background-color: @button-alt-bg;
border-color: darken(@button-alt-bg, 10%);
color: black;
&:hover {
background-color: darken(@button-alt-bg, 10%);
}
}
&.btn-danger {
background-color: @button-red-bg;
border-color: darken(@button-red-bg, 10%);
color: white;
&:hover {
background-color: darken(@button-red-bg, 10%);
}
}
}
*/
} }
@media screen and (max-width: @browser_media-medium-screen) { @media screen and (max-width: @browser_media-medium-screen) {
flex-flow: column; flex-flow: column;

8
customize.dist/src/less2/pages/page-features.less
Unescape Escape View File

@ -11,7 +11,7 @@
.cp-features-register-button { .cp-features-register-button {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
background: @colortheme_logo-2; background: @cryptpad_color_brand;
border-radius: 0; border-radius: 0;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
@ -22,7 +22,7 @@
.cp-shadow(); .cp-shadow();
border: none; border: none;
.title-card { .title-card {
background-color: @colortheme_logo-2; background-color: @cryptpad_color_brand;
padding: 20px; padding: 20px;
} }
.card-body, .title-card { .card-body, .title-card {
@ -37,7 +37,7 @@
&.cp-pricing { &.cp-pricing {
div { div {
font-size: 1.2em; font-size: 1.2em;
color: @colortheme_logo-2; color: @cryptpad_color_brand;
&:first-child { &:first-child {
font-weight: bold; font-weight: bold;
} }
@ -67,7 +67,7 @@
content: "\f00c"; content: "\f00c";
font-family: "FontAwesome"; font-family: "FontAwesome";
font-size: 14px; font-size: 14px;
color: @colortheme_logo-2; color: @cryptpad_color_brand;
} }
} }
&.cp-content { &.cp-content {

2
customize.dist/src/less2/pages/page-index.less
Unescape Escape View File

@ -39,7 +39,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
color: @colortheme_logo-2; color: @cryptpad_color_brand;
margin-top: 1.5em; margin-top: 1.5em;
img { img {
max-width: 200px; max-width: 200px;

6
customize.dist/src/less2/pages/page-login.less
Unescape Escape View File

@ -28,7 +28,7 @@
color: @cryptpad_text_col; color: @cryptpad_text_col;
margin-bottom: 5px; margin-bottom: 5px;
&:focus { &:focus {
border-color: @colortheme_logo-2; border-color: @cryptpad_color_brand;
} }
} }
.checkbox-container { .checkbox-container {
@ -43,9 +43,9 @@
margin-top: 1em; margin-top: 1em;
#register { #register {
border-color: @colortheme_logo-2; border-color: @cryptpad_color_brand;
background: @cryptpad_color_white; background: @cryptpad_color_white;
color: @colortheme_logo-2; color: @cryptpad_color_brand;
padding: 10px; padding: 10px;
border-radius: 0; border-radius: 0;
} }

52
www/common/file-dialog.less
Unescape Escape View File

@ -1,52 +0,0 @@
@import (reference) '../customize/src/less2/include/colortheme-all.less';
@import (reference) '../customize/src/less2/include/modal.less';
.fileDialog_main () {
#fileDialog {
.modal_main();
display: none;
.cp-modal {
.fileContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow-y: auto;
}
.element {
@darker: darken(@colortheme_modal-fg, 30%);
width: 200px;
min-width: 200px;
height: 1em;
padding: 0.5em;
margin: 5px;
box-sizing: content-box;
text-align: left;
line-height: 1em;
cursor: pointer;
background-color: #111;
color: @darker;
transition: all 0.1s;
&:hover {
color: @colortheme_modal-fg;
}
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
align-items: center;
.fa {
cursor: pointer;
margin-right: 0.5em;
}
}
}
}
}

2
www/secureiframe/app-secure.less
Unescape Escape View File

@ -35,7 +35,7 @@
.cp-loading-spinner-container { .cp-loading-spinner-container {
height: 100px; height: 100px;
.cp-spinner { .cp-spinner {
border-color: @colortheme_logo-2; border-color: @cryptpad_color_brand;
border-top-color: transparent; border-top-color: transparent;
} }
} }

2
www/teams/app-team.less
Unescape Escape View File

@ -14,7 +14,7 @@
.drive_main(); .drive_main();
.messenger_main( .messenger_main(
@bg-color: @colortheme_pad-chat-bg @bg-color: @cp_messenger-bg
); );
.sidebar-layout_main(); .sidebar-layout_main();

Write Preview
Loading…
Cancel
Save