From f22e62dfb07d8c8d1e233f40e1f0101ddf37c99f Mon Sep 17 00:00:00 2001 From: mb-wali Date: Thu, 8 Jul 2021 14:23:18 +0200 Subject: [PATCH] style: changes deposit form segment color css: refactor variables --- .../less/invenio_theme_tugraz/deposit.less | 15 +++++++++++ .../less/invenio_theme_tugraz/theme.less | 1 + .../less/invenio_theme_tugraz/variables.less | 27 +++++++++---------- 3 files changed, 29 insertions(+), 14 deletions(-) create mode 100644 invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/deposit.less diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/deposit.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/deposit.less new file mode 100644 index 0000000..bab2f59 --- /dev/null +++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/deposit.less @@ -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; + } +} diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less index f79f1ae..f60e176 100644 --- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less +++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/theme.less @@ -14,6 +14,7 @@ @import "search"; @import "macros"; @import "login"; +@import "deposit"; @import (css) url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap"); diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less index e61edc7..0b9223d 100644 --- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less +++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less @@ -17,16 +17,20 @@ // badge colors, accessibility @accessRight : #e9711c; -@accessRightOpen : #e9711c; +@accessRightOpen : @accessRight; @accessRightRestricted: #fbbd08; @accessRightEmbargoed : #db2828; -@accessRightClosed : #db2828; +@accessRightClosed : @accessRightEmbargoed; @accessRightMetadata : #2185D0; // primary colors TU Graz @tugrazBlack: #231f20; @tugrazRed : #e4154b; +// general +@primaryBackground: #fff; +@primaryText : #000; + // accent colors @greyDark : #777; @@ -36,24 +40,19 @@ // link and button colors -@primaryLinkInverted : #000; -@primaryLinkBackgroundInverted: #fff; -@primaryLink : #fff; -@primaryLinkHoverBackground : #000; -@primaryButton : #fff; -@primaryButtonHoverBackground : #000; +@primaryLinkInverted : @primaryText; +@primaryLinkBackgroundInverted: @primaryBackground; +@primaryLink : @primaryBackground; +@primaryLinkHoverBackground : @primaryText; +@primaryButton : @primaryBackground; +@primaryButtonHoverBackground : @primaryText; @primaryButtonInverted : #000f; -// general -@primaryBackground: #fff; -@primaryText : #000; - - // account (signin, signup) specific -@primaryFormAccounts : #fff; +@primaryFormAccounts : @primaryBackground; @formAccountsInputPlaceholder : silver; @fieldInputSelectionBackground: #50a2ce; @signInBackground : #245b78;