From 2dad05ffb71b0389588fe0da0134ecf178e77e0a Mon Sep 17 00:00:00 2001 From: Cian Hughes Date: Tue, 13 May 2025 12:42:54 +0100 Subject: [PATCH] Changed theme colors --- .../less/invenio_theme_iform/accounts.less | 8 ++-- .../less/invenio_theme_iform/deposit.less | 4 +- .../less/invenio_theme_iform/footer.less | 2 +- .../less/invenio_theme_iform/frontpage.less | 2 +- .../less/invenio_theme_iform/header.less | 4 +- .../less/invenio_theme_iform/overrides.less | 2 +- .../less/invenio_theme_iform/variables.less | 42 +++++++++---------- 7 files changed, 30 insertions(+), 34 deletions(-) diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/accounts.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/accounts.less index c786642..165bc27 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/accounts.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/accounts.less @@ -11,15 +11,15 @@ background-color: #ffffff; } -#login-tug-logo { +#login-iform-logo { & g { - fill: @tugrazRed; + fill: @iformBlue; } } #login-tug-logo:hover { & g { - fill: @tugrazBlack; + fill: @iformBlack; } } @@ -111,7 +111,7 @@ login and sign-up pages form background color .tug-button-login { display: flex; align-items: center; - fill: @tugrazRed; + fill: @iformBlue; } .tug-button-login :hover { diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/deposit.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/deposit.less index 4c6867f..dae424b 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/deposit.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/deposit.less @@ -8,9 +8,9 @@ // deposit form segment styling .ui.inverted.brand.segment { background-color: @greyLight !important; - color: @tugrazBlack !important; + color: @iformBlack !important; label { - color: @tugrazBlack; + color: @iformBlack; } } diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/footer.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/footer.less index 3f87d17..017e666 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/footer.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/footer.less @@ -27,7 +27,7 @@ background-color: @primaryLinkHoverBackground; i.icon.download { - color: @tugrazRed; + color: @iformBlue; } } diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/frontpage.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/frontpage.less index f289212..deb9191 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/frontpage.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/frontpage.less @@ -54,7 +54,7 @@ h2 { .form-group { label { - color: @tugrazBlack; + color: @iformBlack; } input.form-control { diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/header.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/header.less index 22c45a1..cea2aae 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/header.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/header.less @@ -9,7 +9,7 @@ width: 18px; height: 18px; vertical-align: top; - fill: @tugrazRed; + fill: @iformDarkGreen; } /*****logo section******/ @@ -18,7 +18,7 @@ white-space: nowrap; & a { - fill: @tugrazRed; + fill: @iformBlue; } } diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/overrides.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/overrides.less index 07ef7a8..eb6e0ed 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/overrides.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/overrides.less @@ -80,7 +80,7 @@ pre { ***/ /*.ui.button,*/ .ui.search.button { - background-color: @tugrazRed; + background-color: @iformBlue; } /*** diff --git a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/variables.less b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/variables.less index 0c9f7fb..5c823e5 100644 --- a/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/variables.less +++ b/invenio_theme_iform/assets/semantic-ui/less/invenio_theme_iform/variables.less @@ -12,35 +12,34 @@ //@import "../invenio_app_rdm/variables.less"; //@navbar_background_image: unset; -//@navbar_background_color: #ffffff; - +//@navbar_background_color: #FFFFFF; // badge colors, accessibility -@accessRight : #e9711c; +@accessRight : #E9711C; @accessRightOpen : @accessRight; -@accessRightRestricted: #fbbd08; -@accessRightEmbargoed : #db2828; +@accessRightRestricted: #FBBD08; +@accessRightEmbargoed : #DB2828; @accessRightClosed : @accessRightEmbargoed; @accessRightMetadata : #2185D0; -@schema: #17b3f3; +@schema: #17B3F3; -// primary colors TU Graz -@tugrazBlack : #00e66c; -@tugrazRed: #2250fc; +// primary colors of I-Form +@iformBlack : #140826; +@iformBlue: #060E9F; +@iformLightGreen: #08E673; +@iformDarkGreen: #069F4B; +@iformCyan: #02E8F7; // general -@primaryBackground: #fff; +@primaryBackground: #FFF; @primaryText : #000; - // accent colors @greyDark : #777; @greyLight : #E0E1E2; @labelKeywordBackground: #E8E8E8; - - // link and button colors @primaryLinkInverted : @primaryText; @primaryLinkBackgroundInverted: @primaryBackground; @@ -50,26 +49,23 @@ @primaryButtonHoverBackground : @primaryText; @primaryButtonInverted : @primaryText; - - - // account (signin, signup) specific @primaryFormAccounts : @primaryBackground; @formAccountsInputPlaceholder : silver; -@fieldInputSelectionBackground: #50a2ce; -@signInBackground : #245b78; +@fieldInputSelectionBackground: #50A2CE; +@signInBackground : #245B78; // footer specific @footerGrey : #5E5E5E; -@footerBottomBackground: #f2f2f2; +@footerBottomBackground: #F2F2F2; // record specific -@recordVersionBackground : #f2f2f2; -@randomRecordsFrontpageArticle: rgba(34, 36, 38, .15); +@recordVersionBackground : #F2F2F2; +@randomRecordsFrontpageArticle: #22242626; // input @outlineColor: #85B7D9; // notification -@notificationBackground: #fffaf3; -@notificationBorder: #e2d5c2; +@notificationBackground: #FFFAF3; +@notificationBorder: #E2D5C2;