Changed theme colors

This commit is contained in:
2025-05-13 12:42:54 +01:00
parent d821addad3
commit 2dad05ffb7
7 changed files with 30 additions and 34 deletions

View File

@@ -11,15 +11,15 @@
background-color: #ffffff; background-color: #ffffff;
} }
#login-tug-logo { #login-iform-logo {
& g { & g {
fill: @tugrazRed; fill: @iformBlue;
} }
} }
#login-tug-logo:hover { #login-tug-logo:hover {
& g { & g {
fill: @tugrazBlack; fill: @iformBlack;
} }
} }
@@ -111,7 +111,7 @@ login and sign-up pages form background color
.tug-button-login { .tug-button-login {
display: flex; display: flex;
align-items: center; align-items: center;
fill: @tugrazRed; fill: @iformBlue;
} }
.tug-button-login :hover { .tug-button-login :hover {

View File

@@ -8,9 +8,9 @@
// deposit form segment styling // deposit form segment styling
.ui.inverted.brand.segment { .ui.inverted.brand.segment {
background-color: @greyLight !important; background-color: @greyLight !important;
color: @tugrazBlack !important; color: @iformBlack !important;
label { label {
color: @tugrazBlack; color: @iformBlack;
} }
} }

View File

@@ -27,7 +27,7 @@
background-color: @primaryLinkHoverBackground; background-color: @primaryLinkHoverBackground;
i.icon.download { i.icon.download {
color: @tugrazRed; color: @iformBlue;
} }
} }

View File

@@ -54,7 +54,7 @@ h2 {
.form-group { .form-group {
label { label {
color: @tugrazBlack; color: @iformBlack;
} }
input.form-control { input.form-control {

View File

@@ -9,7 +9,7 @@
width: 18px; width: 18px;
height: 18px; height: 18px;
vertical-align: top; vertical-align: top;
fill: @tugrazRed; fill: @iformDarkGreen;
} }
/*****logo section******/ /*****logo section******/
@@ -18,7 +18,7 @@
white-space: nowrap; white-space: nowrap;
& a { & a {
fill: @tugrazRed; fill: @iformBlue;
} }
} }

View File

@@ -80,7 +80,7 @@ pre {
***/ ***/
/*.ui.button,*/ /*.ui.button,*/
.ui.search.button { .ui.search.button {
background-color: @tugrazRed; background-color: @iformBlue;
} }
/*** /***

View File

@@ -12,35 +12,34 @@
//@import "../invenio_app_rdm/variables.less"; //@import "../invenio_app_rdm/variables.less";
//@navbar_background_image: unset; //@navbar_background_image: unset;
//@navbar_background_color: #ffffff; //@navbar_background_color: #FFFFFF;
// badge colors, accessibility // badge colors, accessibility
@accessRight : #e9711c; @accessRight : #E9711C;
@accessRightOpen : @accessRight; @accessRightOpen : @accessRight;
@accessRightRestricted: #fbbd08; @accessRightRestricted: #FBBD08;
@accessRightEmbargoed : #db2828; @accessRightEmbargoed : #DB2828;
@accessRightClosed : @accessRightEmbargoed; @accessRightClosed : @accessRightEmbargoed;
@accessRightMetadata : #2185D0; @accessRightMetadata : #2185D0;
@schema: #17b3f3; @schema: #17B3F3;
// primary colors TU Graz // primary colors of I-Form
@tugrazBlack : #00e66c; @iformBlack : #140826;
@tugrazRed: #2250fc; @iformBlue: #060E9F;
@iformLightGreen: #08E673;
@iformDarkGreen: #069F4B;
@iformCyan: #02E8F7;
// general // general
@primaryBackground: #fff; @primaryBackground: #FFF;
@primaryText : #000; @primaryText : #000;
// accent colors // accent colors
@greyDark : #777; @greyDark : #777;
@greyLight : #E0E1E2; @greyLight : #E0E1E2;
@labelKeywordBackground: #E8E8E8; @labelKeywordBackground: #E8E8E8;
// link and button colors // link and button colors
@primaryLinkInverted : @primaryText; @primaryLinkInverted : @primaryText;
@primaryLinkBackgroundInverted: @primaryBackground; @primaryLinkBackgroundInverted: @primaryBackground;
@@ -50,26 +49,23 @@
@primaryButtonHoverBackground : @primaryText; @primaryButtonHoverBackground : @primaryText;
@primaryButtonInverted : @primaryText; @primaryButtonInverted : @primaryText;
// account (signin, signup) specific // account (signin, signup) specific
@primaryFormAccounts : @primaryBackground; @primaryFormAccounts : @primaryBackground;
@formAccountsInputPlaceholder : silver; @formAccountsInputPlaceholder : silver;
@fieldInputSelectionBackground: #50a2ce; @fieldInputSelectionBackground: #50A2CE;
@signInBackground : #245b78; @signInBackground : #245B78;
// footer specific // footer specific
@footerGrey : #5E5E5E; @footerGrey : #5E5E5E;
@footerBottomBackground: #f2f2f2; @footerBottomBackground: #F2F2F2;
// record specific // record specific
@recordVersionBackground : #f2f2f2; @recordVersionBackground : #F2F2F2;
@randomRecordsFrontpageArticle: rgba(34, 36, 38, .15); @randomRecordsFrontpageArticle: #22242626;
// input // input
@outlineColor: #85B7D9; @outlineColor: #85B7D9;
// notification // notification
@notificationBackground: #fffaf3; @notificationBackground: #FFFAF3;
@notificationBorder: #e2d5c2; @notificationBorder: #E2D5C2;