first commit

services/web/frontend/stylesheets/variables/themes/ieee.less

@@ -0,0 +1,61 @@
+@ieee-blue: #00629b;
+@ieee-dark-blue: #002855;
+@ieee-cyan: #00b5e2;
+@ieee-dark-cyan: #009ca6;
+@ieee-red: #ba0c2f;
+@ieee-orange: #ffa300;
+@ieee-yellow: #ffd100;
+@ieee-light-green: #78be20;
+@ieee-dark-green: #00843d;
+@ieee-purple: #981d97;
+
+@ol-blue-gray-0: #f4f5f8;
+@ol-blue-gray-1: #d8e0e6;
+@ol-blue-gray-2: #8195a1;
+@ol-blue-gray-3: #425e6e;
+@ol-blue-gray-4: #26425f;
+@ol-blue-gray-5: #1e3048;
+@ol-blue-gray-6: #112437;
+
+@ol-green: @ieee-dark-green;
+@ol-dark-green: darken(@ieee-dark-green, 15%);
+@ol-blue: @ieee-blue;
+@ol-dark-blue: @ieee-dark-blue;
+@ol-red: @ieee-red;
+@ol-dark-red: darken(@ieee-red, 15%);
+
+@green: @ol-green;
+@green-dark: @ol-dark-green;
+@blue: @ol-blue;
+@blue-dark: @ol-dark-blue;
+@red: @ol-red;
+
+@brand-primary: @ieee-blue;
+@brand-secondary: @ieee-dark-blue;
+@brand-success: @ol-blue;
+@brand-info: @ieee-dark-cyan;
+@brand-warning: @ieee-orange;
+@brand-danger: @ol-red;
+
+@btn-primary-bg: @ieee-blue;
+@link-color: @ieee-blue;
+@link-hover-color: @ieee-dark-blue;
+
+@toolbar-btn-active-bg-color: @ieee-blue;
+@file-tree-item-selected-bg: @ieee-blue;
+@file-tree-multiselect-bg: @ieee-cyan;
+
+@editor-toggler-hover-bg-color: @ieee-blue;
+
+@toggle-switch-highlight-color: @ieee-blue;
+
+@footer-link-color: @link-color;
+@footer-link-hover-color: @link-hover-color;
+
+@navbar-subdued-hover-color: @ieee-blue;
+@navbar-default-link-hover-bg: @ieee-blue;
+@navbar-default-link-hover-color: @ieee-blue;
+@navbar-default-link-active-bg: @ieee-blue;
+
+@btn-primary-hover-bg-color: darken(@brand-primary, 8%);
+@btn-default-bg: @ol-blue-gray-4;

services/web/frontend/stylesheets/variables/themes/light.less

@@ -0,0 +1,132 @@
+// Sidebar
+@sidebar-bg: #fff;
+@sidebar-color: @neutral-40;
+@sidebar-active-bg: @green;
+@sidebar-active-color: #fff;
+@sidebar-hover-bg: @neutral-20;
+@sidebar-active-font-weight: normal;
+@sidebar-hover-text-decoration: none;
+
+@v2-dash-pane-bg: @neutral-20;
+@v2-dash-pane-link-color: @blue;
+@v2-dash-pane-toggle-color: @neutral-70;
+@v2-dash-pane-btn-bg: @neutral-80;
+@v2-dash-pane-btn-hover-bg: @neutral-90;
+@v2-dash-pane-color: @neutral-70;
+
+@progress-bar-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+@progress-bg: @neutral-10;
+
+@input-border: @neutral-20;
+
+// Editor file-tree
+@file-tree-bg: #fff;
+@file-tree-line-height: 2.05;
+@file-tree-item-color: @neutral-70;
+@file-tree-item-focus-color: @file-tree-item-color;
+@file-tree-item-selected-color: #fff;
+@file-tree-item-toggle-color: @neutral-40;
+@file-tree-item-icon-color: @neutral-40;
+@file-tree-item-folder-color: @neutral-40;
+@file-tree-item-hover-bg: @neutral-20;
+@file-tree-item-selected-bg: @green;
+@file-tree-multiselect-bg: @blue;
+@file-tree-multiselect-hover-bg: @blue-dark;
+@file-tree-droppable-bg-color: @neutral-40;
+@file-tree-error-color: @ol-blue-gray-5;
+@file-tree-toolbar-btn-hover-color: @neutral-10;
+
+@content-alt-bg-color: @neutral-10;
+
+// File outline
+@outline-line-guide-color: @neutral-20;
+@outline-header-hover-bg: @file-tree-item-hover-bg;
+@outline-highlight-bg: mix(@file-tree-bg, @neutral-20);
+
+@vertical-resizable-resizer-bg: @neutral-20;
+@vertical-resizable-resizer-hover-bg: @file-tree-item-hover-bg;
+
+// Editor resizers
+@editor-resizer-bg-color: @neutral-20;
+@editor-resizer-bg-color-dragging: @neutral-20;
+@editor-toggler-bg-color: @neutral-40;
+@editor-toggler-hover-bg-color: @green;
+@synctex-controls-z-index: 6;
+@synctex-controls-padding: 0;
+@editor-border-color: @neutral-20;
+
+@toolbar-border-color: @neutral-20;
+@toolbar-alt-bg-color: #fff;
+@editor-toolbar-bg: @toolbar-alt-bg-color;
+
+@toolbar-header-bg-color: #fff;
+@toolbar-header-btn-border-color: @neutral-20;
+@toolbar-btn-color: @neutral-70;
+@toolbar-btn-hover-color: @neutral-70;
+@toolbar-btn-hover-bg-color: @neutral-10;
+@toolbar-icon-btn-color: @neutral-70;
+@toolbar-icon-btn-hover-color: @neutral-70;
+@editor-header-logo-background: url(../../../../public/img/ol-brand/overleaf-o.svg)
+  center / contain no-repeat;
+@project-name-color: @neutral-70;
+@project-rename-link-color: @neutral-70;
+@project-rename-link-color-hover: @neutral-70;
+@logs-pane-bg: @neutral-10;
+@pdf-toolbar-btn-hover-color: @neutral-10;
+
+// Navbar
+@navbar-default-bg: #fff;
+@navbar-default-border: @neutral-20;
+@navbar-default-link-bg: @green;
+@navbar-default-link-color: #fff;
+@navbar-default-link-border-color: transparent;
+@navbar-default-link-hover-bg: @green;
+@navbar-default-link-active-bg: @green;
+@navbar-default-link-hover-color: @green;
+
+@navbar-title-color: @neutral-20;
+@navbar-title-color-hover: @neutral-40;
+@navbar-default-color: @neutral-70;
+@navbar-brand-image-url: url(../../../../public/img/ol-brand/overleaf.svg);
+
+@navbar-subdued-color: @neutral-70;
+@navbar-subdued-hover-bg: @neutral-20;
+@navbar-subdued-hover-color: @neutral-70;
+
+// v2 History
+@history-toolbar-color: @neutral-70;
+@history-base-bg: @neutral-10;
+@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: @neutral-20;
+@formatting-menu-bg: #fff;
+
+// Chat
+@chat-bg: #fff;
+@chat-instructions-color: @neutral-70;
+@chat-message-color: #fff;
+@chat-message-name-color: @neutral-70;
+@chat-message-date-color: @neutral-70;
+@chat-new-message-bg: @neutral-10;
+@chat-new-message-textarea-bg: #fff;
+@chat-new-message-textarea-color: @neutral-90;
+@chat-new-message-border-color: @neutral-20;
+
+// Symbol Palette
+@symbol-palette-bg: #fff;
+@symbol-palette-color: @neutral-70;
+@symbol-palette-header-background: @neutral-20;
+@symbol-palette-item-bg: @neutral-20;
+@symbol-palette-item-color: @neutral-70;
+@symbol-palette-selected-tab-bg: #fff;
+@symbol-palette-selected-tab-color: @blue;
+@symbol-palette-text-shadow-color: @neutral-20;
+
+// React History
+@history-react-header-bg: #fff;
+@history-react-header-color: @ol-blue-gray-3;
+@history-react-separator-color: @neutral-20;