Merge branch 'staging' into callback
yflory
4 years ago
commit
287b80d4b8
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 825 KiB After Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
@ -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,22 +0,0 @@
|
||||
```javascript
|
||||
CryptPad_AsyncStore.rpc.send('ADMIN',
|
||||
['GET_WORKER_PROFILES'],
|
||||
(e, _o) => {
|
||||
var o = _o[0];
|
||||
// console.log(o[0])
|
||||
var sorted = Object.keys(o).sort(function (a, b) {
|
||||
if (o[b] - o[a] <= 0) { return -1; }
|
||||
return 1;
|
||||
});
|
||||
var x = {};
|
||||
//console.log(sorted);
|
||||
var total = 0;
|
||||
sorted.forEach(function (k) { total += o[k]; });
|
||||
sorted.forEach(function (k) {
|
||||
console.log("[%s] %ss running time (%s%)", k, o[k], Math.floor((o[k] / total) * 100));
|
||||
});
|
||||
}
|
||||
)
|
||||
```
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue