github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #10072 from overleaf/jel-start-new-css

Browse source 
[web] Copy variable files for new CSS entrypoints

GitOrigin-RevId: 18cf84b9ddc3ce91ae1cb62b14245f6e0226a70e
This commit is contained in:
Jessica Lawshe 2022-10-24 08:55:43 -05:00 committed by Copybot
parent ebed539e6d
commit c110e21abf
7 changed files with 1365 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/frontend/stylesheets/main-ieee-style.less
View file

@ -1,5 +1,5 @@
@import 'style.less';
@import 'core/ol-ieee-variables.less';
@import 'main-style.less';
@import 'variables/themes/ieee.less';
@is-overleaf-light: false;
@show-rich-text: true;

4
services/web/frontend/stylesheets/main-light-style.less
View file

@ -1,5 +1,5 @@
@import 'style.less';
@import 'core/ol-light-variables.less';
@import 'main-style.less';
@import 'variables/themes/light.less';
@is-overleaf-light: true;
@show-rich-text: true;

4
services/web/frontend/stylesheets/main-style.less
View file

@ -7,8 +7,8 @@
@show-rich-text: true;
// Core variables and mixins
@import 'core/variables.less';
@import 'core/css-variables.less';
@import 'variables/all.less';
@import 'variables/css-variables.less';
@import 'app/ol-style-guide.less';
@import '_style_includes.less';
@import '_ol_style_includes.less';

1141
services/web/frontend/stylesheets/variables/all.less Normal file
View file

File diff suppressed because it is too large Load diff

21
services/web/frontend/stylesheets/variables/css-variables.less Normal file
View file

@ -0,0 +1,21 @@
:root {
--ol-blue: @ol-blue;
--ol-blue-gray-0: @ol-blue-gray-0;
--ol-blue-gray-1: @ol-blue-gray-1;
--ol-blue-gray-2: @ol-blue-gray-2;
--ol-blue-gray-3: @ol-blue-gray-3;
--ol-blue-gray-4: @ol-blue-gray-4;
--ol-blue-gray-5: @ol-blue-gray-5;
--ol-blue-gray-6: @ol-blue-gray-6;
--input-color: @input-color;
--input-border: @input-border;
--input-border-radius: @input-border-radius;
--input-border-focus: @input-border-focus;
--btn-border-radius-base: @btn-border-radius-base;
--btn-default-bg: @btn-default-bg;
--line-height-base: @line-height-base;
}

52
services/web/frontend/stylesheets/variables/themes/ieee.less Normal file
View file

@ -0,0 +1,52 @@
@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%);
@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;

145
services/web/frontend/stylesheets/variables/themes/light.less Normal file
View file

@ -0,0 +1,145 @@
// 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;