mirror of
https://github.com/Cian-H/am-d-model.eu.git
synced 2025-12-22 21:41:57 +00:00
270 lines
6.1 KiB
Plaintext
270 lines
6.1 KiB
Plaintext
/***********************************************
|
|
Invenio App RDM Site Variables
|
|
***********************************************/
|
|
|
|
/*-------------------
|
|
Brand Colors
|
|
--------------------*/
|
|
|
|
@primaryColor: #0377cd;
|
|
@secondaryColor: #fb8273;
|
|
@featuredListBackgroundColor: #4899DB;
|
|
@primaryDarkenColor: #0267b2;
|
|
|
|
// backwards compatibility
|
|
@brandColor: @primaryColor;
|
|
@brand-primary:@primaryColor;
|
|
|
|
|
|
/*-------------------
|
|
Site Colors
|
|
--------------------*/
|
|
|
|
@darkGray: #333;
|
|
@green: #048622;
|
|
@signupColor: @green;
|
|
|
|
@accessRightOpen: @green;
|
|
@accessRightRestricted: @red;
|
|
@accessRightEmbargoed: @yellow;
|
|
@accessRightMetadataOnly: @teal;
|
|
|
|
@restricted-components-background-color: #feeaea;
|
|
@restricted-components-border-color: #e0b4b4;
|
|
@embargoed-components-background-color: #fbf8ee;
|
|
@embargoed-components-border-color: #c9ba9b;
|
|
|
|
@footerLightColor: #009990;
|
|
@footerDarkColor: #090541;
|
|
@subFooterColor: #074799;
|
|
@footerTextLightColor: @ffffff;
|
|
@footerTextDarkColor: @ffffff;
|
|
|
|
@errorTextColor: #9f3a38;
|
|
@focusedFormBorderColor: #2185d0;
|
|
@focusedFormMutedBorderColor: #2185d0;
|
|
|
|
@highlightHeaderColor: #ededed;
|
|
@highlightBackgroundColor: @highlightHeaderColor;
|
|
@highlightBackgroundColorHover: darken(saturate(@highlightHeaderColor, 20), 15, relative);
|
|
@highlightLandingPageBackgroundColor: rgba(173, 206, 224, 0.52);
|
|
@selectedColor: #ededed;
|
|
|
|
|
|
@navbarBackgroundImage: linear-gradient(
|
|
12deg,
|
|
rgba(3, 119, 205, 1),
|
|
rgba(3, 119, 205, 1) 15%,
|
|
rgba(251, 130, 115, 0.69)
|
|
);
|
|
@navbarBackgroundColor: #090541;
|
|
|
|
@versionActiveColor: #d9edf7;
|
|
|
|
@mutedAccordionHeaderColor: #f5f5f5;
|
|
@defaultBrandColor: #434C5E;
|
|
|
|
|
|
/*-------------------
|
|
Links
|
|
--------------------*/
|
|
|
|
@linkColor: #005b9e;
|
|
@linkUnderline: none;
|
|
@linkHoverColor: darken(saturate(@linkColor, 20), 15, relative);
|
|
@linkHoverUnderline: underline;
|
|
|
|
|
|
/*-------------------
|
|
Breakpoints
|
|
--------------------*/
|
|
@mobileBreakpoint : 320px;
|
|
@tabletBreakpoint : 768px;
|
|
@computerBreakpoint : 1300px;
|
|
@largeMonitorBreakpoint : 1680px;
|
|
@widescreenMonitorBreakpoint : 1920px;
|
|
|
|
/*-------------------
|
|
Fonts
|
|
--------------------*/
|
|
|
|
|
|
@fontSizeBase: 14px;
|
|
@font-size-small: 12px;
|
|
@font-size-tiny: 10px;
|
|
@font-size-massive: 36px;
|
|
@fontName: 'Helvetica';
|
|
|
|
|
|
/*-------------------
|
|
Em Sizes
|
|
--------------------*/
|
|
|
|
@75px : unit( (75 / @emSize), rem);
|
|
@relative75px : unit( (75 / @emSize), em);
|
|
|
|
|
|
/*-------------------
|
|
negative spacing
|
|
--------------------*/
|
|
@coverPageDefaultMargin: 0;
|
|
|
|
|
|
/* borders */
|
|
|
|
@dashedBorder: 2px dashed @borderColor;
|
|
@defaultBorder: 1px solid @solidBorderColor;
|
|
|
|
/*------------------
|
|
checkboxes
|
|
------------------*/
|
|
|
|
@checkboxSize: @relative17px;
|
|
|
|
/*------------------
|
|
tables
|
|
------------------*/
|
|
|
|
@cellVerticalPadding: @relativeMini;
|
|
@cellHorizontalPadding: @relativeMini;
|
|
|
|
|
|
/*------------------
|
|
Images
|
|
------------------*/
|
|
|
|
@userDashboardAvatarSize: 40px;
|
|
@communityItemLogoWidth: 115px;
|
|
|
|
|
|
/*------------------
|
|
Separators
|
|
------------------*/
|
|
@listSeparator: ";";
|
|
@listCommaSeparator: ",";
|
|
|
|
/***********************************************
|
|
AM-D-Model Invenio Site Variables
|
|
***********************************************/
|
|
|
|
/*-------------------
|
|
Fonts
|
|
--------------------*/
|
|
|
|
@fontName : 'Lato';
|
|
|
|
/*-------------------
|
|
Brand Colors
|
|
--------------------*/
|
|
|
|
@primaryColor : @sky;
|
|
@secondaryColor : @grey;
|
|
|
|
@lightPrimaryColor : @lightSky;
|
|
@lightSecondaryColor : @lightGrey;
|
|
|
|
@darkPrimaryColor : @darkSky;
|
|
@darkSecondaryColor : @darkGrey;
|
|
|
|
/*-------------------
|
|
Focused Input
|
|
--------------------*/
|
|
|
|
@focusedFormBorderColor: @red;
|
|
@focusedFormMutedBorderColor: @red;
|
|
|
|
/*-------------------
|
|
Links
|
|
--------------------*/
|
|
|
|
@linkColor : @red;
|
|
@linkUnderline : none;
|
|
@linkHoverColor : @darkRed;
|
|
@linkHoverUnderline : @linkUnderline;
|
|
|
|
/*-------------------
|
|
Site Colors
|
|
using Tailwind CSS Colors https://tailwindcss.com/docs/customizing-colors
|
|
--------------------*/
|
|
|
|
/*--- Colors ---*/
|
|
@red : #ef4444;
|
|
@orange : #f97316;
|
|
@yellow : #eab308;
|
|
@olive : #84cc16; // lime
|
|
@green : #22c55e;
|
|
@teal : #14b8a6;
|
|
@sky : #0ea5e9;
|
|
@blue : #3b82f6;
|
|
@violet : #8b5cf6;
|
|
@purple : #a855f7;
|
|
@pink : #ec4899;
|
|
@brown : #f59e0b; // amber
|
|
@grey : #64748b; // slate
|
|
@black : #1B1C1D;
|
|
|
|
/*--- Light Colors ---*/
|
|
@lightRed : #fca5a5;
|
|
@lightOrange : #fdba74;
|
|
@lightYellow : #fde047;
|
|
@lightOlive : #bef264; // lime
|
|
@lightGreen : #86efac;
|
|
@lightTeal : #5eead4;
|
|
@lightSky : #7dd3fc;
|
|
@lightBlue : #93c5fd;
|
|
@lightViolet : #c4b5fd;
|
|
@lightPurple : #d8b4fe;
|
|
@lightPink : #f9a8d4;
|
|
@lightBrown : #fcd34d; // amber
|
|
@lightGrey : #cbd5e1; // slate
|
|
@lightBlack : #1e293b;
|
|
|
|
/*--- Neutrals ---*/
|
|
@fullBlack : #000000;
|
|
@offWhite : #F9FAFB;
|
|
@darkWhite : #F3F4F5;
|
|
@midWhite : #DCDDDE;
|
|
@white : #FFFFFF;
|
|
|
|
@darkTextColor : @lightBlack;
|
|
@mutedTextColor : @grey;
|
|
@lightTextColor : @lightGrey;
|
|
|
|
/*--- Dark Colors ---*/
|
|
@darkRed : #b91c1c;
|
|
@darkOrange : #c2410c;
|
|
@darkYellow : #a16207;
|
|
@darkOlive : #4d7c0f; // lime
|
|
@darkGreen : #15803d;
|
|
@darkTeal : #0f766e;
|
|
@darkSky : #0369a1;
|
|
@darkBlue : #1d4ed8;
|
|
@darkViolet : #6d28d9;
|
|
@darkPurple : #7e22ce;
|
|
@darkPink : #be185d;
|
|
@darkBrown : #92400e; // amber
|
|
@darkGrey : #1e293b; // slate
|
|
|
|
/*-------------------
|
|
Invenio RDM Colors
|
|
--------------------*/
|
|
|
|
@accessRightOpen: @green;
|
|
@accessRightRestricted: @red;
|
|
@accessRightEmbargoed: @yellow;
|
|
@accessRightMetadataOnly: @olive;
|
|
|
|
@restricted-components-background-color: #feeaea;
|
|
@restricted-components-border-color: #e0b4b4;
|
|
@embargoed-components-background-color: #fbf8ee;
|
|
@embargoed-components-border-color: #c9ba9b;
|
|
@versionActiveColor: @darkWhite;
|
|
|
|
@orcidColor: #A6CE39;
|
|
@orcidActiveColor: saturate(darken(@orcidColor, 5), 15, relative);
|
|
|
|
@signupColor: @green;
|
|
@primaryLabelColor: @darkPrimaryColor;
|
|
|
|
@navbarBackgroundImage: e(""); // remove background image
|