Merge branch 'dark' into staging
ansuz
4 years ago
commit
b3f4ea5e5c
@ -0,0 +1,427 @@
|
|||||||
|
@colortheme_font: 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||||
|
@colortheme_app-font-size: 16px;
|
||||||
|
@colortheme_app-font-size-small: 13px;
|
||||||
|
@colortheme_app-font: @colortheme_app-font-size @colortheme_font;
|
||||||
|
|
||||||
|
@colortheme_apps: {
|
||||||
|
default: #0087FF;
|
||||||
|
drive: #0087FF; // Used as icon color in index.js (index.html)
|
||||||
|
pad: #256ad5;
|
||||||
|
code: #EAA000;
|
||||||
|
slide: #e57614;
|
||||||
|
poll: #2c9e98;
|
||||||
|
whiteboard: #a72ba7;
|
||||||
|
kanban: #8C4;
|
||||||
|
sheet: #40865c;
|
||||||
|
oodoc: #5170B5;
|
||||||
|
ooslide: #C65D27;
|
||||||
|
file: #CD2532;
|
||||||
|
}
|
||||||
|
|
||||||
|
@colortheme_static_apps: {
|
||||||
|
default: #0087FF;
|
||||||
|
teams: #4A3BBD;
|
||||||
|
contacts: #607B8D;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Colors
|
||||||
|
@cryptpad_color_brand: #0087FF;
|
||||||
|
@cryptpad_color_brand_300: lighten(@cryptpad_color_brand, 30%);
|
||||||
|
@cryptpad_color_brand_fade: fade(@cryptpad_color_brand, 75%);
|
||||||
|
@cryptpad_color_brand_fader: fade(@cryptpad_color_brand, 50%);
|
||||||
|
@cryptpad_color_brand_fadest: fade(@cryptpad_color_brand, 25%);
|
||||||
|
|
||||||
|
// XXX this whole block was copy-pasted from colortheme.less to avoid a reference error --ansuz
|
||||||
|
@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;
|
||||||
|
@cryptpad_color_grey_200: #EEEEEE;
|
||||||
|
@cryptpad_color_grey_300: #E0E0E0;
|
||||||
|
@cryptpad_color_grey_400: #BDBDBD;
|
||||||
|
@cryptpad_color_grey_500: #9E9E9E;
|
||||||
|
@cryptpad_color_grey_600: #757575;
|
||||||
|
@cryptpad_color_grey_700: #616161;
|
||||||
|
@cryptpad_color_grey_800: #424242;
|
||||||
|
@cryptpad_color_grey_850: #323232;
|
||||||
|
@cryptpad_color_grey_900: #212121;
|
||||||
|
@cryptpad_color_grey_950: #121212;
|
||||||
|
@cryptpad_color_black: #000;
|
||||||
|
|
||||||
|
@cryptpad_text_col: @cryptpad_color_grey_200;
|
||||||
|
|
||||||
|
@cryptpad_color_blue: #326599; // former logo-1
|
||||||
|
@cryptpad_color_light_blue: #00b7d8;
|
||||||
|
@cryptpad_color_red: #ff1100;
|
||||||
|
@cryptpad_color_red_fade: fade(@cryptpad_color_red, 50%);
|
||||||
|
@cryptpad_color_red_fader: fade(@cryptpad_color_red, 25%);
|
||||||
|
@cryptpad_color_warn_red: @cryptpad_color_red_fade;
|
||||||
|
@cryptpad_color_dark_red: #9e0000;
|
||||||
|
@cryptpad_color_light_red: #FFD4D4;
|
||||||
|
@cryptpad_color_light_red_fade: fade(@cryptpad_color_light_red, 20%);
|
||||||
|
@cryptpad_color_orange: #f49842;
|
||||||
|
@cryptpad_color_green: #5cb85c;
|
||||||
|
@cryptpad_color_green_fade: fade(@cryptpad_color_green, 50%);
|
||||||
|
@cryptpad_color_light_green: #c5ffa8;
|
||||||
|
@cryptpad_color_light_green_fade: fade(@cryptpad_color_light_green, 20%);
|
||||||
|
@cryptpad_color_light_yellow: #FFE69C;
|
||||||
|
@cryptpad_color_yellow_fade: fade(#FFE69C, 15%);
|
||||||
|
@cryptpad_color_lighter_blue: #d2e1f2; // XXX replace with @cryptpad_color_brand_fadest
|
||||||
|
|
||||||
|
@cryptpad_color_link:@cryptpad_color_brand_300;
|
||||||
|
|
||||||
|
// Premium plans colors
|
||||||
|
@cryptpad_color_basic: darken(desaturate(#DDEFFF, 70%), 75%);
|
||||||
|
@cryptpad_color_pro: darken(desaturate(#E4FFDD, 70%), 75%);
|
||||||
|
@cryptpad_color_power: darken(desaturate(#F6DDFF, 70%), 75%);
|
||||||
|
|
||||||
|
@cp_scrollbar-fg: hsla(0,0%,100%,.2);
|
||||||
|
@scrollbar_color: @cp_scrollbar-fg transparent;
|
||||||
|
|
||||||
|
// Loading screen
|
||||||
|
@cp_loading-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_loading-fg: @cryptpad_text_col;
|
||||||
|
@cp_loading-msg-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_loading-link: @cryptpad_color_brand_300;
|
||||||
|
@cp_loading-error-bg: @cryptpad_color_warn_red;
|
||||||
|
@cp_loading-error-fg: @cryptpad_text_col;
|
||||||
|
@cp_loading-progress-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_loading-progress-bar-bg: @cryptpad_color_brand;
|
||||||
|
@cp_loading-spinner: @cryptpad_color_grey_600;
|
||||||
|
|
||||||
|
// Chat
|
||||||
|
@cp_messenger-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_messenger-fg: @cryptpad_text_col;
|
||||||
|
@cp_messenger-notif: @cryptpad_color_black;
|
||||||
|
@cp_messenger-friend: @cryptpad_color_black;
|
||||||
|
@cp_messenger-online: @cryptpad_color_light_green;
|
||||||
|
|
||||||
|
// Alertify
|
||||||
|
@cp_alertify-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_alertify-fg: lighten(@cryptpad_color_brand, 30%);
|
||||||
|
@cp_alertify-hover: fade(@cp_alertify-fg, 25%);
|
||||||
|
@cp_alertify-overlay: fade(@cryptpad_color_grey_900, 50%);
|
||||||
|
@cp_alertify-log-bg: fade(@cryptpad_color_brand_300, 90%);
|
||||||
|
@cp_alertify-log-fg: @cryptpad_color_grey_900;
|
||||||
|
@cp_alertify-warn-bg: rgba(205, 37, 50);
|
||||||
|
@cp_alertify-disable-border: @cryptpad_color_grey_600;
|
||||||
|
|
||||||
|
// Forms
|
||||||
|
@cp_forms-fg: @cryptpad_text_col;
|
||||||
|
@cp_forms-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_forms-border: lighten(@cryptpad_color_brand, 30%);
|
||||||
|
@cp_forms-placeholder: fade(@cryptpad_text_col, 75%);
|
||||||
|
@cp_forms-readonly: @cryptpad_color_brand_fadest;
|
||||||
|
@cp_forms-readonly-border: @cryptpad_color_brand;
|
||||||
|
@cp_forms-disabled: @cryptpad_color_grey_500;
|
||||||
|
|
||||||
|
// Bootstrap alerts
|
||||||
|
@cp_alerts-warning-bg: @cryptpad_color_yellow_fade;
|
||||||
|
@cp_alerts-warning-fg: @cryptpad_color_light_yellow;
|
||||||
|
@cp_alerts-warning-text: @cryptpad_color_light_yellow;
|
||||||
|
@cp_alerts-danger-bg: @cryptpad_color_red_fader;
|
||||||
|
@cp_alerts-danger-fg: @cryptpad_color_light_red;
|
||||||
|
@cp_alerts-danger-text: @cryptpad_color_light_red;
|
||||||
|
@cp_alerts-info-bg: @cryptpad_color_brand_fadest;
|
||||||
|
@cp_alerts-info-text: @cryptpad_color_brand_300;
|
||||||
|
@cp_alerts-info-fg: @cryptpad_color_brand_300;
|
||||||
|
@cp_alerts-success-bg: @cryptpad_color_light_green_fade;
|
||||||
|
@cp_alerts-success-fg: @cryptpad_color_green;
|
||||||
|
@cp_alerts-success-text: @cryptpad_color_light_green;
|
||||||
|
|
||||||
|
// Buttons
|
||||||
|
@cp_buttons-fg: @cryptpad_color_brand_300;
|
||||||
|
@cp_buttons-hover: @cryptpad_color_brand_fadest;
|
||||||
|
@cp_buttons-default: @cryptpad_color_grey_700;
|
||||||
|
@cp_buttons-default-color: @cryptpad_text_col;
|
||||||
|
@cp_buttons-default-border: @cryptpad_text_col;
|
||||||
|
@cp_buttons-red: #E55236;
|
||||||
|
@cp_buttons-red-text: @cryptpad_color_light_red;
|
||||||
|
@cp_buttons-red-color: #FFF;
|
||||||
|
@cp_buttons-red-border: transparent;
|
||||||
|
@cp_buttons-primary: @cryptpad_color_brand;
|
||||||
|
@cp_buttons-primary-text: #FFFFFF;
|
||||||
|
@cp_buttons-primary-border: transparent;
|
||||||
|
@cp_buttons-disabled: #6c757d;
|
||||||
|
@cp_buttons-disabled-text: #ffffff;
|
||||||
|
@cp_buttons-disabled-border: #6c757d;
|
||||||
|
@cp_buttons-cancel: transparent;
|
||||||
|
@cp_buttons-cancel-border: @cryptpad_color_grey_400;
|
||||||
|
|
||||||
|
// Sidebar layout
|
||||||
|
@cp_sidebar-left-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_sidebar-left-fg: @cryptpad_text_col;
|
||||||
|
@cp_sidebar-right-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_sidebar-right-fg: @cryptpad_text_col; // XXX was black
|
||||||
|
@cp_sidebar-left-active: @cp_sidebar-right-bg;
|
||||||
|
@cp_sidebar-hint: fade(@cryptpad_text_col, 80%);
|
||||||
|
|
||||||
|
// 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-border: fade(@cryptpad_text_col, 20%);
|
||||||
|
@cp_drive-thumb-bg: transparent;
|
||||||
|
@cp_drive-selected-bg: fade(@cryptpad_text_col, 10%);
|
||||||
|
@cp_drive-selected-fg: @cryptpad_text_col;
|
||||||
|
@cp_drive-selection-overlay: fade(@cryptpad_text_col, 5%);
|
||||||
|
@cp_drive-selection-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_drive-selection-fg: @cryptpad_text_col;
|
||||||
|
@cp_drive-droppable-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_drive-droppable-fg: @cryptpad_text_col;
|
||||||
|
@cp_drive-infobox-bg: @cryptpad_color_brand_fadest;
|
||||||
|
@cp_drive-infobox-fg: @cryptpad_text_col;
|
||||||
|
@cp_drive-warnbox-bg: @cryptpad_color_warn_red;
|
||||||
|
@cp_drive-warnbox-fg: @cryptpad_text_col;
|
||||||
|
@cp_drive-tree-branch: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// Contextmenu
|
||||||
|
@cp_context-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_context-border: @cryptpad_color_grey_600;
|
||||||
|
@cp_context-bg-hover: @cryptpad_color_grey_700;
|
||||||
|
@cp_context-bg-active: @cryptpad_color_grey_600;
|
||||||
|
@cp_context-fg: @cryptpad_text_col;
|
||||||
|
@cp_context-icon: @cryptpad_text_col;
|
||||||
|
@cp_context-disabled: @cryptpad_color_grey_600;
|
||||||
|
|
||||||
|
// Tooltip background
|
||||||
|
@cp_tooltip-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_tooltip-fg: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// Dropdown
|
||||||
|
@cp_dropdown-fg: @cryptpad_text_col;
|
||||||
|
@cp_dropdown-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_dropdown-bg-hover: @cryptpad_color_grey_700;
|
||||||
|
@cp_dropdown-bg-active: @cryptpad_color_grey_600;
|
||||||
|
|
||||||
|
// Rendered Markdown
|
||||||
|
@cp_markdown-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_markdown-border: @cryptpad_color_grey_700;
|
||||||
|
@cp_markdown-contrast-fg: white; // XXX
|
||||||
|
@cp_markdown-contrast-bg: @cryptpad_color_grey; // XXX
|
||||||
|
|
||||||
|
// Avatar
|
||||||
|
@cp_avatar-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_avatar-fg: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// Corner
|
||||||
|
@cp_corner-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_corner-fg: @cryptpad_color_brand_300;
|
||||||
|
@cp_corner-text: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// Pad Creation Screen
|
||||||
|
@cp_creation-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_creation-fg: @cryptpad_text_col;
|
||||||
|
@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_grey_100; // XXX
|
||||||
|
|
||||||
|
// Export
|
||||||
|
@cp_export-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_export-fg: @cryptpad_text_col;
|
||||||
|
@cp_export-hint: fade(@cryptpad_text_col, 80%);
|
||||||
|
@cp_export-error-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_export-error-bg2: @cryptpad_color_red_fader;
|
||||||
|
|
||||||
|
// File upload
|
||||||
|
@cp_upload-fg: @cryptpad_color_brand_300;
|
||||||
|
@cp_upload-header: @cryptpad_color_grey_700;
|
||||||
|
@cp_upload-progress: @cryptpad_color_grey_700;
|
||||||
|
|
||||||
|
// Help
|
||||||
|
@cp_help-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_help-fg: @cryptpad_text_col;
|
||||||
|
@cp_help-link: @cryptpad_color_link;
|
||||||
|
|
||||||
|
// Static pages
|
||||||
|
@cp_static-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_static-fg: @cryptpad_text_col;
|
||||||
|
@cp_static-link: @cryptpad_color_brand_300;
|
||||||
|
@cp_static-title: @cryptpad_color_brand;
|
||||||
|
@cp_static-footer: @cryptpad_color_grey_950;
|
||||||
|
@cp_static-footer-border: @cryptpad_color_grey_600;
|
||||||
|
@cp_static-topbar-fg: @cryptpad_color_brand_300;
|
||||||
|
@cp_static-card-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_static-img-invert-filter: hue-rotate(200grad) invert();
|
||||||
|
|
||||||
|
// Limit
|
||||||
|
@cp_limit-fg: @cryptpad_text_col;
|
||||||
|
@cp-limit-bar-bg: @cryptpad_color_grey_600;
|
||||||
|
@cp-limit-bar-normal: @cryptpad_color_green;
|
||||||
|
@cp-limit-bar-warning: @cryptpad_color_orange;
|
||||||
|
@cp-limit-bar-above: @cryptpad_color_red;
|
||||||
|
|
||||||
|
// Mentions
|
||||||
|
@cp_mentions-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_mentions-hover: @cryptpad_color_grey_900;
|
||||||
|
|
||||||
|
// Autocomplete
|
||||||
|
@cp_autocomplete-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_autocomplete-fg: @cryptpad_text_col;
|
||||||
|
@cp_autocomplete-border: @cryptpad_color_grey_700;
|
||||||
|
@cp_autocomplete-hover: @cryptpad_color_brand_fadest;
|
||||||
|
|
||||||
|
// Modals
|
||||||
|
@cp_access-overlay: fade(@cp_alertify-bg, 50%);
|
||||||
|
@cp_snapshots-hover: @cryptpad_color_grey_850;
|
||||||
|
|
||||||
|
// Support
|
||||||
|
@cp_support-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_support-msg-fg: @cryptpad_text_col;
|
||||||
|
@cp_support-msg-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_support-header-bg: @cryptpad_color_grey_800;
|
||||||
|
|
||||||
|
// Toolbar
|
||||||
|
@cp_toolbar-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_toolbar-fg: @cryptpad_text_col;
|
||||||
|
@cp_toolbar-bottom-fg: @cryptpad_text_col;
|
||||||
|
@cp_toolbar-logo-bg: @cryptpad_color_grey_200;
|
||||||
|
|
||||||
|
@cp_toolbar-fade1: fade(@cryptpad_text_col, 10%);
|
||||||
|
@cp_toolbar-fade3: fade(@cryptpad_text_col, 30%);
|
||||||
|
@cp_toolbar-warn: @cp_buttons-red;
|
||||||
|
|
||||||
|
@cp_history-line-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_history-bg1: @cryptpad_color_grey_600;
|
||||||
|
@cp_history-bg2: @cryptpad_color_grey_800;
|
||||||
|
@cp_history-fg: @cp_toolbar-bottom-fg;
|
||||||
|
|
||||||
|
// Tokenfield
|
||||||
|
@cp_token-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_token-fg: @cryptpad_text_col;
|
||||||
|
@cp_token-bg-hover: @cryptpad_color_grey_600;
|
||||||
|
@cp_token-invalid: @cryptpad_color_warn_red;
|
||||||
|
|
||||||
|
// Usergrid
|
||||||
|
@cp_usergrid-fg: @cryptpad_text_col;
|
||||||
|
@cp_usergrid-selected-bg: @cryptpad_color_brand;
|
||||||
|
@cp_usergrid-selected-fg: @cryptpad_color_white;
|
||||||
|
|
||||||
|
// Other
|
||||||
|
@cp_shadow-color: fade(@cryptpad_color_black, 60%);
|
||||||
|
|
||||||
|
// Apps
|
||||||
|
@cp_app-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_app-fg: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// Accounts
|
||||||
|
@cp_accounts-basic: @cryptpad_color_basic;
|
||||||
|
@cp_accounts-pro: @cryptpad_color_pro;
|
||||||
|
@cp_accounts-power: @cryptpad_color_power;
|
||||||
|
@cp_accounts-active: @cryptpad_color_green_fade;
|
||||||
|
@cp_accounts-inactive: @cryptpad_color_red_fade;
|
||||||
|
@cp_accounts-mysubs-alert: @cryptpad_color_grey_700;
|
||||||
|
@cp_accounts-mysubs-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_accounts-mysubs-fg: @cryptpad_text_col;
|
||||||
|
@cp_accounts-contact-hover: fade(@cryptpad_color_black, 20%);
|
||||||
|
@cp_accounts-tab-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_accounts-tab-hover: @cryptpad_color_grey_700;
|
||||||
|
@cp_accounts-tab-border: @cryptpad_color_grey_600;
|
||||||
|
|
||||||
|
// Admin
|
||||||
|
@cp_admin-isadmin-fg: @cryptpad_color_brand;
|
||||||
|
@cp_admin-isadmin-bg: @cryptpad_color_white;
|
||||||
|
@cp_admin-premium-fg: @cryptpad_color_warn_red;
|
||||||
|
@cp_admin-premium-bg: lighten(@cryptpad_color_warn_red, 25%);
|
||||||
|
@cp_admin-last-fg: @cryptpad_color_warn_red;
|
||||||
|
@cp_admin-last-bg: lighten(@cryptpad_color_orange, 25%);
|
||||||
|
|
||||||
|
// Code
|
||||||
|
@cp_preview-bg: @cryptpad_color_grey_900;
|
||||||
|
@cp_preview-fg: @cryptpad_text_col;
|
||||||
|
@cp_preview-link: @cryptpad_color_brand_300;
|
||||||
|
|
||||||
|
// Debug
|
||||||
|
@cp_debug-hover: fade(@cryptpad_color_black, 10%);
|
||||||
|
@cp_debug-icon-hover: @cryptpad_color_grey_500;
|
||||||
|
|
||||||
|
// Mediatag
|
||||||
|
@cp_mediatag-text-bg: @cryptpad_color_white;
|
||||||
|
@cp_mediatag-text-fg: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// File
|
||||||
|
@cp_file-progress-bg: @cryptpad_color_brand;
|
||||||
|
@cp_file-progress-fg: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// Kanban
|
||||||
|
@cp_kanban-fg: @cryptpad_text_col;
|
||||||
|
@cp_kanban-item-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_kanban-link: @cryptpad_color_brand_300;
|
||||||
|
@cp_kanban-board-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_kanban-conflict-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_kanban-tags-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_kanban-add-hover: fade(@cryptpad_color_black, 10%);
|
||||||
|
@cp_kanban-trash-bg: @cryptpad_color_warn_red;
|
||||||
|
@cp_kanban-color0: @cryptpad_color_grey_600;
|
||||||
|
@cp_kanban-colors:
|
||||||
|
darken(desaturate(#FFD4D4,60%), 60%),
|
||||||
|
darken(desaturate(#FFDECA,60%), 60%),
|
||||||
|
darken(desaturate(#FFE69C,55%), 60%),
|
||||||
|
darken(desaturate(#DBFFB7,55%), 70%),
|
||||||
|
darken(desaturate(#AFFDC2,60%), 65%),
|
||||||
|
darken(desaturate(#C9FFFE,60%), 70%),
|
||||||
|
darken(desaturate(#C8D6FF,60%), 60%),
|
||||||
|
darken(desaturate(#E4CAFF,70%), 60%);
|
||||||
|
|
||||||
|
// Notifications
|
||||||
|
@cp_notif-hover: fade(@cryptpad_color_black, 10%);
|
||||||
|
@cp_notif-header-bg: @cryptpad_color_grey_700;
|
||||||
|
@cp_notif-header-fg: @cryptpad_text_col;
|
||||||
|
@cp_notif-table-border: @cryptpad_color_grey_900;
|
||||||
|
@cp_notif-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_notif-fg: @cryptpad_text_col;
|
||||||
|
|
||||||
|
// OO
|
||||||
|
@cp_oo-offline-overlay: fade(@cryptpad_color_white, 50%);
|
||||||
|
|
||||||
|
// Rich text
|
||||||
|
@cp_pad-fg: @cryptpad_text_col;
|
||||||
|
@cp_pad-icon-filter: invert();
|
||||||
|
// Comments
|
||||||
|
@cp_comments-fg: @cryptpad_text_col;
|
||||||
|
@cp_comments-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_comments-header: @cryptpad_color_grey_500;
|
||||||
|
|
||||||
|
// Poll
|
||||||
|
@cp_poll-th-bg: @cryptpad_color_brand_fadest;
|
||||||
|
@cp_poll-th-fg: @cryptpad_text_col;
|
||||||
|
@cp_poll-uncommitted-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_poll-border-color: @cryptpad_color_grey_600;
|
||||||
|
@cp_poll-cell-fg: @cryptpad_text_col;
|
||||||
|
@cp_poll-unset: @cryptpad_color_grey_700;
|
||||||
|
@cp_poll-yes: @cryptpad_color_green_fade;
|
||||||
|
@cp_poll-no: @cryptpad_color_red_fade;
|
||||||
|
@cp_poll-maybe: @cryptpad_color_grey_600;
|
||||||
|
@cp_poll-hint: @cryptpad_color_grey_500;
|
||||||
|
|
||||||
|
// Profile
|
||||||
|
@cp_profile-border: @cryptpad_color_grey_500;
|
||||||
|
@cp_profile-hint: @cryptpad_color_grey_400;
|
||||||
|
|
||||||
|
// SLide
|
||||||
|
@cp_slide-fg: @cp_app-fg;
|
||||||
|
@cp_slide-css-error: @cryptpad_color_red_fader;
|
||||||
|
|
||||||
|
// Teams
|
||||||
|
@cp_teams-card-bg: @cryptpad_color_grey_800;
|
||||||
|
@cp_teams-leftside-bg: darken(@cryptpad_color_grey_800, 5%);
|
||||||
|
@cp_teams-invite-bg: fade(@cryptpad_color_brand, 50%);
|
||||||
|
@cp_teams-invite-fg: @cryptpad_text_col;
|
||||||
|
@cp_teams-roster-odd: fade(@cryptpad_text_col, 15%);
|
||||||
|
|
||||||
|
// Whiteboard
|
||||||
|
@cp_whiteboard-board-bg: @cryptpad_color_grey_950;
|
||||||
|
@cp_whiteboard-board-border: @cryptpad_color_grey_800;
|
||||||
|
@cp_whiteboard-bg: @cp_app-bg;
|
||||||
|
@cp_whiteboard-fg: @cryptpad_text_col;
|
||||||
@ -0,0 +1,212 @@
|
|||||||
|
@import (reference) "./colortheme-all.less";
|
||||||
|
@import (reference) "./password-input.less";
|
||||||
|
@import (reference) "./forms.less";
|
||||||
|
@import (reference) "./tools.less";
|
||||||
|
|
||||||
|
#cp-loading {
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Open Sans';
|
||||||
|
src: url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot');
|
||||||
|
src: url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
|
||||||
|
url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.woff') format('woff'),
|
||||||
|
url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.ttf') format('truetype'),
|
||||||
|
url('/bower_components/open-sans-fontface/fonts/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.password_main();
|
||||||
|
.forms_main();
|
||||||
|
visibility: visible;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 10000000;
|
||||||
|
top: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 0px;
|
||||||
|
right: 0px;
|
||||||
|
background-color: @cp_loading-bg;
|
||||||
|
color: @cp_loading-fg;
|
||||||
|
font-size: 1.3em;
|
||||||
|
line-height: 120%;
|
||||||
|
opacity: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font: 20px 'Open Sans', 'Helvetica Neue', sans-serif !important;
|
||||||
|
&.cp-loading-transparent {
|
||||||
|
background-color: fade(@cp_loading-bg, 70%);
|
||||||
|
}
|
||||||
|
&.cp-loading-hidden {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: opacity 0.75s, visibility 0s 0.75s;
|
||||||
|
}
|
||||||
|
.cp-loading-logo {
|
||||||
|
height: 300px;
|
||||||
|
width: 300px;
|
||||||
|
margin-top: 50px;
|
||||||
|
flex: 0 1 auto;
|
||||||
|
min-height: 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.cp-loading-logo img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
.cp-loading-container {
|
||||||
|
width: 700px;
|
||||||
|
max-width: 90vw;
|
||||||
|
height: 236px;
|
||||||
|
max-height: calc(100vh - 20px);
|
||||||
|
margin: 50px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.cp-loading-cryptofist {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
max-width: 90vw;
|
||||||
|
max-height: 300px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 500px) {
|
||||||
|
font-size: 16px !important;
|
||||||
|
.cp-loading-container {
|
||||||
|
height: 206px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-height: 700px) {
|
||||||
|
font-size: 16px !important;
|
||||||
|
.cp-loading-container {
|
||||||
|
height: 206px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-height: 500px) {
|
||||||
|
.cp-loading-logo {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#cp-loading-message {
|
||||||
|
background: @cp_loading-msg-bg;
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
color: @cp_loading-fg;
|
||||||
|
text-align: left;
|
||||||
|
display: none;
|
||||||
|
a {
|
||||||
|
color: @cp_loading-link;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#cp-loading-password-prompt {
|
||||||
|
p.cp-password-error {
|
||||||
|
color: @cp_loading-error-fg;
|
||||||
|
background: @cp_loading-error-bg;
|
||||||
|
padding: 5px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.cp-password-form {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
width: 100%;
|
||||||
|
.cp-password-container {
|
||||||
|
flex-shrink: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.cp-password-reveal {
|
||||||
|
padding: 0px 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cp-password-input {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.tools_placeholder-color();
|
||||||
|
}
|
||||||
|
|
||||||
|
p.cp-password-info {
|
||||||
|
text-align: left;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cp-loading-spinner-container {
|
||||||
|
position: relative;
|
||||||
|
height: 80px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
.cp-loading-progress {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
p {
|
||||||
|
margin: 5px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.cp-loading-progress-list {
|
||||||
|
text-align: left;
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
max-width: 100%;
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
padding: 0px 5px;
|
||||||
|
.tools_unselectable();
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
i {
|
||||||
|
width: 22px;
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
margin-left: 10px;
|
||||||
|
&.percent {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cp-loading-progress-bar {
|
||||||
|
height: 24px;
|
||||||
|
background: @cp_loading-progress-bg;
|
||||||
|
border: 1px solid @cp_loading-progress-bar-bg;
|
||||||
|
}
|
||||||
|
.cp-loading-progress-bar-value {
|
||||||
|
height: 100%;
|
||||||
|
background: @cp_loading-progress-bar-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
from {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
transform: rotate(1800deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cp-spinner {
|
||||||
|
display: inline-block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
border: 11px solid @cp_loading-spinner;
|
||||||
|
border-radius: 50%;
|
||||||
|
border-top-color: transparent;
|
||||||
|
animation: spin infinite 3s;
|
||||||
|
animation-timing-function: cubic-bezier(.6,0.15,0.4,0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,76 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
Dracula Theme v1.2.0
|
||||||
|
|
||||||
|
https://github.com/zenorocha/dracula-theme
|
||||||
|
|
||||||
|
Copyright 2015, All rights reserved
|
||||||
|
|
||||||
|
Code licensed under the MIT license
|
||||||
|
http://zenorocha.mit-license.org
|
||||||
|
|
||||||
|
@author Éverton Ribeiro <nuxlli@gmail.com>
|
||||||
|
@author Zeno Rocha <hi@zenorocha.com>
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
.hljs {
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 0.5em;
|
||||||
|
background: #282a36;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-keyword,
|
||||||
|
.hljs-selector-tag,
|
||||||
|
.hljs-literal,
|
||||||
|
.hljs-section,
|
||||||
|
.hljs-link {
|
||||||
|
color: #8be9fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-function .hljs-keyword {
|
||||||
|
color: #ff79c6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs,
|
||||||
|
.hljs-subst {
|
||||||
|
color: #f8f8f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-string,
|
||||||
|
.hljs-title,
|
||||||
|
.hljs-name,
|
||||||
|
.hljs-type,
|
||||||
|
.hljs-attribute,
|
||||||
|
.hljs-symbol,
|
||||||
|
.hljs-bullet,
|
||||||
|
.hljs-addition,
|
||||||
|
.hljs-variable,
|
||||||
|
.hljs-template-tag,
|
||||||
|
.hljs-template-variable {
|
||||||
|
color: #f1fa8c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-comment,
|
||||||
|
.hljs-quote,
|
||||||
|
.hljs-deletion,
|
||||||
|
.hljs-meta {
|
||||||
|
color: #6272a4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-keyword,
|
||||||
|
.hljs-selector-tag,
|
||||||
|
.hljs-literal,
|
||||||
|
.hljs-title,
|
||||||
|
.hljs-section,
|
||||||
|
.hljs-doctag,
|
||||||
|
.hljs-type,
|
||||||
|
.hljs-name,
|
||||||
|
.hljs-strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hljs-emphasis {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
@ -1,27 +0,0 @@
|
|||||||
.markdown_preformatted-code (@color: #333) {
|
|
||||||
pre > code {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
border: 1px solid @color;
|
|
||||||
width: 90%;
|
|
||||||
margin: auto;
|
|
||||||
padding-left: .25vw;
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.markdown_gfm-table (@color: black) {
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
tr {
|
|
||||||
th {
|
|
||||||
border: 3px solid @color;
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// todo ul, ol
|
|
||||||
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
.kanban-container * {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board {
|
|
||||||
position: relative;
|
|
||||||
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
|
|
||||||
margin: 10px;
|
|
||||||
vertical-align: top;
|
|
||||||
display: flex;
|
|
||||||
flex-flow: column;
|
|
||||||
width: 300px;
|
|
||||||
margin: 10px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board.disabled-board {
|
|
||||||
opacity: .3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board.is-moving.gu-mirror {
|
|
||||||
transform: rotate(3deg);
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board.is-moving.gu-mirror .kanban-drag {
|
|
||||||
overflow: hidden;
|
|
||||||
padding-right: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board header {
|
|
||||||
font-size: 16px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board header .kanban-title-board {
|
|
||||||
font-weight: 700;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
display: inline;
|
|
||||||
cursor: text;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-board header .kanban-title-button {
|
|
||||||
float: right;
|
|
||||||
line-height: 1;
|
|
||||||
padding: .25rem .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.kanban-item {
|
|
||||||
background: #fff;
|
|
||||||
padding: 15px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-item:hover {
|
|
||||||
cursor: move;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-item:last-child {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kanban-item.is-moving.gu-mirror {
|
|
||||||
transform: rotate(3deg);
|
|
||||||
height: auto !important;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dragula CSS */
|
|
||||||
|
|
||||||
.gu-mirror {
|
|
||||||
position: fixed !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
z-index: 9999 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gu-hide {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gu-unselectable {
|
|
||||||
-webkit-user-select: none !important;
|
|
||||||
-moz-user-select: none !important;
|
|
||||||
-ms-user-select: none !important;
|
|
||||||
user-select: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gu-transit {
|
|
||||||
opacity: 0.2 !important;
|
|
||||||
transform: rotate(0deg) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
text-align: right;
|
|
||||||
margin-button: 5px;
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue