2018-07-10 08:14:58 -04:00
|
|
|
// Styleguide colors
|
2020-12-15 05:23:54 -05:00
|
|
|
@ol-green: #138a07;
|
|
|
|
|
@ol-dark-green: #004a0e;
|
|
|
|
|
@ol-blue: #3e70bb;
|
|
|
|
|
@ol-dark-blue: #2857a1;
|
|
|
|
|
@ol-red: #c9453e;
|
|
|
|
|
@ol-dark-red: #a6312b;
|
2018-07-10 08:14:58 -04:00
|
|
|
|
2020-12-15 05:23:54 -05:00
|
|
|
@ol-type-color: @ol-blue-gray-3;
|
2018-07-10 08:14:58 -04:00
|
|
|
|
|
|
|
|
// Sidebar
|
2020-12-15 05:23:54 -05:00
|
|
|
@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;
|
2018-11-07 06:28:56 -05:00
|
|
|
|
2018-07-10 08:14:58 -04:00
|
|
|
// Editor file-tree
|
2020-12-15 05:23:54 -05:00
|
|
|
@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;
|
2018-07-10 08:14:58 -04:00
|
|
|
|
2020-07-16 06:09:01 -04:00
|
|
|
// File outline
|
|
|
|
|
@outline-line-guide-color: @ol-blue-gray-1;
|
|
|
|
|
@outline-header-hover-bg: @file-tree-item-hover-bg;
|
2020-08-06 05:05:45 -04:00
|
|
|
@outline-highlight-bg: mix(@file-tree-bg, @ol-blue-gray-1);
|
2020-07-16 06:09:01 -04:00
|
|
|
|
|
|
|
|
@vertical-resizable-resizer-bg: @ol-blue-gray-1;
|
|
|
|
|
@vertical-resizable-resizer-hover-bg: @file-tree-item-hover-bg;
|
|
|
|
|
|
2018-07-10 08:14:58 -04:00
|
|
|
// Editor resizers
|
2020-12-15 05:23:54 -05:00
|
|
|
@editor-resizer-bg-color: @ol-blue-gray-1;
|
2018-08-24 07:06:56 -04:00
|
|
|
@editor-resizer-bg-color-dragging: @ol-blue-gray-1;
|
2020-12-15 05:23:54 -05:00
|
|
|
@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;
|
2022-04-06 05:59:13 -04:00
|
|
|
@editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o.svg)
|
|
|
|
|
center / contain no-repeat;
|
2020-12-15 05:23:54 -05:00
|
|
|
@project-name-color: @ol-blue-gray-3;
|
2020-11-30 09:56:38 -05:00
|
|
|
@project-rename-link-color: @ol-blue-gray-3;
|
|
|
|
|
@project-rename-link-color-hover: @ol-blue-gray-4;
|
2020-12-15 05:23:54 -05:00
|
|
|
@pdf-bg: @ol-blue-gray-0;
|
2020-11-05 05:22:05 -05:00
|
|
|
@logs-pane-bg: @ol-blue-gray-1;
|
2018-08-24 07:06:56 -04:00
|
|
|
|
2018-08-27 07:39:53 -04:00
|
|
|
// Navbar
|
2020-12-15 05:23:54 -05:00
|
|
|
@navbar-default-bg: #fff;
|
|
|
|
|
@navbar-default-border: @ol-blue-gray-1;
|
|
|
|
|
@navbar-default-link-bg: @ol-green;
|
|
|
|
|
@navbar-default-link-color: #fff;
|
2018-08-27 07:39:53 -04:00
|
|
|
@navbar-default-link-border-color: transparent;
|
2020-12-15 05:23:54 -05:00
|
|
|
@navbar-default-link-hover-bg: @ol-green;
|
|
|
|
|
@navbar-default-link-active-bg: @ol-green;
|
|
|
|
|
@navbar-default-link-hover-color: @ol-green;
|
2018-08-27 07:39:53 -04:00
|
|
|
|
2020-12-15 05:23:54 -05:00
|
|
|
@navbar-title-color: @ol-blue-gray-1;
|
|
|
|
|
@navbar-title-color-hover: @ol-blue-gray-2;
|
|
|
|
|
@navbar-default-color: @ol-blue-gray-3;
|
2022-04-06 05:59:13 -04:00
|
|
|
@navbar-brand-image-url: url(../../../public/img/ol-brand/overleaf.svg);
|
2018-08-27 07:39:53 -04:00
|
|
|
|
2020-12-15 05:23:54 -05:00
|
|
|
@navbar-subdued-color: @ol-blue-gray-3;
|
|
|
|
|
@navbar-subdued-hover-bg: @ol-blue-gray-1;
|
|
|
|
|
@navbar-subdued-hover-color: @ol-blue-gray-3;
|
2018-08-27 07:39:53 -04:00
|
|
|
|
2020-12-15 05:23:54 -05:00
|
|
|
@card-box-shadow: 0 0 0 1px @ol-blue-gray-1;
|
2018-08-27 07:39:53 -04:00
|
|
|
|
|
|
|
|
// v2 History
|
2020-12-15 05:23:54 -05:00
|
|
|
@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;
|
2018-08-27 07:39:53 -04:00
|
|
|
|
2018-08-24 07:06:56 -04:00
|
|
|
// Formatting buttons
|
2020-12-15 05:23:54 -05:00
|
|
|
@formatting-btn-color: @toolbar-icon-btn-color;
|
|
|
|
|
@formatting-btn-bg: transparent;
|
|
|
|
|
@formatting-btn-border: @ol-blue-gray-1;
|
2021-06-24 04:27:51 -04:00
|
|
|
@formatting-menu-bg: #fff;
|
2019-12-05 14:09:31 -05:00
|
|
|
|
|
|
|
|
// Chat
|
2020-12-15 05:23:54 -05:00
|
|
|
@chat-bg: #fff;
|
2021-04-14 05:03:21 -04:00
|
|
|
@chat-instructions-color: @ol-blue-gray-3;
|
2020-12-15 05:23:54 -05:00
|
|
|
@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;
|
2021-05-13 06:24:12 -04:00
|
|
|
|
|
|
|
|
// Symbol Palette
|
|
|
|
|
@symbol-palette-bg: #fff;
|
|
|
|
|
@symbol-palette-color: @ol-blue-gray-3;
|
2021-05-20 05:19:36 -04:00
|
|
|
@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;
|
2021-11-10 05:50:01 -05:00
|
|
|
@symbol-palette-text-shadow-color: @ol-blue-gray-1;
|
