// Styleguide colors @ol-green: #138a07; @ol-dark-green: #004a0e; @ol-blue: #3e70bb; @ol-dark-blue: #2857a1; @ol-red: #c9453e; @ol-dark-red: #a6312b; @ol-type-color: @ol-blue-gray-3; // Sidebar @sidebar-bg: #fff; @sidebar-color: @ol-blue-gray-2; @sidebar-active-bg: @ol-green; @sidebar-active-color: #fff; @sidebar-hover-bg: @ol-blue-gray-1; @sidebar-active-font-weight: normal; @sidebar-hover-text-decoration: none; @v2-dash-pane-bg: @ol-blue-gray-1; @v2-dash-pane-link-color: @ol-blue; @v2-dash-pane-toggle-color: @ol-blue-gray-3; @v2-dash-pane-btn-bg: @ol-blue-gray-5; @v2-dash-pane-btn-hover-bg: @ol-blue-gray-6; @v2-dash-pane-color: @ol-blue-gray-3; @progress-bar-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); @progress-bg: @ol-blue-gray-0; @input-border: @ol-blue-gray-1; // Editor file-tree @file-tree-bg: #fff; @file-tree-line-height: 2.05; @file-tree-item-color: @ol-blue-gray-3; @file-tree-item-focus-color: @file-tree-item-color; @file-tree-item-selected-color: #fff; @file-tree-item-input-color: @ol-blue-gray-2; @file-tree-item-toggle-color: @ol-blue-gray-2; @file-tree-item-icon-color: @ol-blue-gray-2; @file-tree-item-folder-color: @ol-blue-gray-2; @file-tree-item-hover-bg: @ol-blue-gray-1; @file-tree-item-selected-bg: @ol-green; @file-tree-multiselect-bg: @ol-blue; @file-tree-multiselect-hover-bg: @ol-dark-blue; @file-tree-droppable-bg-color: @ol-blue-gray-2; @content-alt-bg-color: @ol-blue-gray-0; // File outline @outline-line-guide-color: @ol-blue-gray-1; @outline-header-hover-bg: @file-tree-item-hover-bg; @outline-highlight-bg: mix(@file-tree-bg, @ol-blue-gray-1); @vertical-resizable-resizer-bg: @ol-blue-gray-1; @vertical-resizable-resizer-hover-bg: @file-tree-item-hover-bg; // Editor resizers @editor-resizer-bg-color: @ol-blue-gray-1; @editor-resizer-bg-color-dragging: @ol-blue-gray-1; @editor-toggler-bg-color: @ol-blue-gray-2; @editor-toggler-hover-bg-color: @ol-green; @synctex-controls-z-index: 6; @synctex-controls-padding: 0; @editor-border-color: @ol-blue-gray-1; @toolbar-border-color: @ol-blue-gray-1; @toolbar-alt-bg-color: #fff; @editor-toolbar-bg: @toolbar-alt-bg-color; @toolbar-header-bg-color: #fff; @toolbar-header-btn-border-color: @ol-blue-gray-1; @toolbar-header-branded-btn-bg-color: @ol-blue-gray-3; @toolbar-btn-color: @ol-blue-gray-3; @toolbar-btn-hover-color: @ol-blue-gray-3; @toolbar-btn-hover-bg-color: @ol-blue-gray-0; @toolbar-icon-btn-color: @ol-blue-gray-3; @toolbar-icon-btn-hover-color: @ol-blue-gray-3; @editor-header-logo-background: url(../../../../public/img/ol-brand/overleaf-o.svg) center / contain no-repeat; @project-name-color: @ol-blue-gray-3; @project-rename-link-color: @ol-blue-gray-3; @project-rename-link-color-hover: @ol-blue-gray-4; @pdf-bg: @ol-blue-gray-0; @logs-pane-bg: @ol-blue-gray-1; // Navbar @navbar-default-bg: #fff; @navbar-default-border: @ol-blue-gray-1; @navbar-default-link-bg: @ol-green; @navbar-default-link-color: #fff; @navbar-default-link-border-color: transparent; @navbar-default-link-hover-bg: @ol-green; @navbar-default-link-active-bg: @ol-green; @navbar-default-link-hover-color: @ol-green; @navbar-title-color: @ol-blue-gray-1; @navbar-title-color-hover: @ol-blue-gray-2; @navbar-default-color: @ol-blue-gray-3; @navbar-brand-image-url: url(../../../../public/img/ol-brand/overleaf.svg); @navbar-subdued-color: @ol-blue-gray-3; @navbar-subdued-hover-bg: @ol-blue-gray-1; @navbar-subdued-hover-color: @ol-blue-gray-3; @card-box-shadow: 0 0 0 1px @ol-blue-gray-1; // v2 History @history-toolbar-color: @ol-blue-gray-3; @history-base-bg: @ol-blue-gray-0; @history-file-badge-bg: rgba(0, 0, 0, 0.25); @history-file-badge-color: #fff; // Formatting buttons @formatting-btn-color: @toolbar-icon-btn-color; @formatting-btn-bg: transparent; @formatting-btn-border: @ol-blue-gray-1; @formatting-menu-bg: #fff; // Chat @chat-bg: #fff; @chat-instructions-color: @ol-blue-gray-3; @chat-message-color: #fff; @chat-message-name-color: @ol-blue-gray-3; @chat-message-date-color: @ol-blue-gray-3; @chat-new-message-bg: @ol-blue-gray-0; @chat-new-message-textarea-bg: #fff; @chat-new-message-textarea-color: @ol-blue-gray-6; @chat-new-message-border-color: @ol-blue-gray-1; // Symbol Palette @symbol-palette-bg: #fff; @symbol-palette-color: @ol-blue-gray-3; @symbol-palette-header-background: @ol-blue-gray-1; @symbol-palette-item-bg: @ol-blue-gray-1; @symbol-palette-item-color: @ol-blue-gray-3; @symbol-palette-selected-tab-bg: #fff; @symbol-palette-selected-tab-color: @ol-blue; @symbol-palette-text-shadow-color: @ol-blue-gray-1; // Galileo @galileo-bg: #fff; @galileo-color: @ol-blue-gray-3; @galileo-header-background: @ol-blue-gray-1; @galileo-suggestion-background: @ol-blue-gray-1;