style: changes deposit form segment color

css: refactor variables
This commit is contained in:
mb-wali
2021-07-08 14:23:18 +02:00
committed by Mojib Wali
parent 8eb5152963
commit f22e62dfb0
3 changed files with 29 additions and 14 deletions

View File

@@ -0,0 +1,15 @@
/*
* Copyright (C) 2021 Graz University of Technology.
*
* invenio-theme-tugraz is free software; you can redistribute it and/or modify it
* under the terms of the MIT License; see LICENSE file for more details.
*/
// deposit form segment styling
.ui.inverted.brand.segment {
background-color: @greyLight !important;
color: @tugrazBlack !important;
label {
color: @tugrazBlack;
}
}

View File

@@ -14,6 +14,7 @@
@import "search"; @import "search";
@import "macros"; @import "macros";
@import "login"; @import "login";
@import "deposit";
@import (css) @import (css)
url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap"); url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");

View File

@@ -17,16 +17,20 @@
// badge colors, accessibility // badge colors, accessibility
@accessRight : #e9711c; @accessRight : #e9711c;
@accessRightOpen : #e9711c; @accessRightOpen : @accessRight;
@accessRightRestricted: #fbbd08; @accessRightRestricted: #fbbd08;
@accessRightEmbargoed : #db2828; @accessRightEmbargoed : #db2828;
@accessRightClosed : #db2828; @accessRightClosed : @accessRightEmbargoed;
@accessRightMetadata : #2185D0; @accessRightMetadata : #2185D0;
// primary colors TU Graz // primary colors TU Graz
@tugrazBlack: #231f20; @tugrazBlack: #231f20;
@tugrazRed : #e4154b; @tugrazRed : #e4154b;
// general
@primaryBackground: #fff;
@primaryText : #000;
// accent colors // accent colors
@greyDark : #777; @greyDark : #777;
@@ -36,24 +40,19 @@
// link and button colors // link and button colors
@primaryLinkInverted : #000; @primaryLinkInverted : @primaryText;
@primaryLinkBackgroundInverted: #fff; @primaryLinkBackgroundInverted: @primaryBackground;
@primaryLink : #fff; @primaryLink : @primaryBackground;
@primaryLinkHoverBackground : #000; @primaryLinkHoverBackground : @primaryText;
@primaryButton : #fff; @primaryButton : @primaryBackground;
@primaryButtonHoverBackground : #000; @primaryButtonHoverBackground : @primaryText;
@primaryButtonInverted : #000f; @primaryButtonInverted : #000f;
// general
@primaryBackground: #fff;
@primaryText : #000;
// account (signin, signup) specific // account (signin, signup) specific
@primaryFormAccounts : #fff; @primaryFormAccounts : @primaryBackground;
@formAccountsInputPlaceholder : silver; @formAccountsInputPlaceholder : silver;
@fieldInputSelectionBackground: #50a2ce; @fieldInputSelectionBackground: #50a2ce;
@signInBackground : #245b78; @signInBackground : #245b78;