scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-07 16:09:57 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add new colors to our variables in CSS [SCI-8169]

Browse source
This commit is contained in:
Giga Chubinidze 2023-03-27 13:35:01 +04:00
parent 2dd740b7b2
commit 0358e113eb
1 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
app/assets/stylesheets/shared_styles/constants/colors.scss
View file

@ -62,3 +62,53 @@ $brand-light-blue: $brand-focus-light;
// This color was removed from constants, but it is still in use for DD hover. Need it for button in DD
$color-dd-hover: #f5f5f5;
// pure css variables
:root {
// main colors
--sn-white: #FFFFFF;
--sn-super-light-grey: #F9F9F9;
--sn-light-grey: #EAECF0;
--sn-sleepy-grey: #EAECF0;
--sn-grey: #98A2B3;
--sn-dark-grey: #475467;
--sn-black: #1D2939;
--sn-blue: #104DA9;
--sn-science-blue: #3B99FD;
--sn-super-light-blue: #F0F8FF;
--sn-blue-hover: #2D5FAA;
--sn-science-blue-hover: #79B4F3;
// alert colors
--sn-alert-green: #5EC66F;
--sn-alert-violet: #6F2DC1;
--sn-alert-brittlebush: #E9A845;
--sn-alert-passion: #DF3562;
--sn-alert-turqoise: #46C3C8;
--sn-alert-bloo: #3070ED;
// disabled alert colors
--sn-alert-blue-disabled: #87A6D4;
--sn-alert-green-disabled: #AEE3B7;
--sn-alert-violet-disabled: #B796E0;
--sn-alert-brittlebush-disabled: #F4D3A2;
--sn-alert-passion-disabled: #EF9AB0;
--sn-alert-turqoise-disabled: #A2E1E3;
--sn-alert-science-blue-disabled: #9DCCFE;
// delete colors
--sn-delete-red: #CE0C24;
--sn-delete-red-hover: #AD0015;
// notification sn-science-blue included
--sn-coral: #FB565B;
// background colors
--sn-background-blue: #DBE4F2;
--sn-background-green: #E7F7E9;
--sn-background-violet: #E9DFF6;
--sn-background-brittlebush: #FCF2E3;
--sn-background-passion: #FAE1E7;
--sn-background-turqoise: #E3F6F7;
--sn-background-bloo: #E2F0FF;
}