hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-17 06:53:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

[DURACOM-195] [DURACOM-210] Reorder SCSS and CSS theme variables

Browse Source
This commit is contained in:
Davide Negretti
2023-12-13 22:49:16 +01:00
parent 8718bd0df6
commit 510968b0c6
5 changed files with 188 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/styles/_custom_variables.scss
View File

@@ -19,17 +19,18 @@
--ds-footer-z-index: 0;
--ds-sidebar-z-index: 20;
--ds-header-bg: #{$white};
--ds-header-icon-color: #{$link-color};
--ds-header-icon-color-hover: #{$link-hover-color};
--ds-navbar-bg: var(--ds-header-bg);
--ds-header-navbar-border-top-color: #{$white};
--ds-header-navbar-border-bottom-color: #{$gray-400};
--ds-navbar-link-color: #{$cyan};
--ds-navbar-link-color-hover: #{darken($cyan, 15%)};
--ds-expandable-navbar-bg: var(--ds-navbar-bg);
--ds-expandable-navbar-link-color: var(--ds-navbar-link-color);
--ds-expandable-navbar-link-color-hover: var(--ds-navbar-link-color-hover);
--ds-header-bg: #{$ds-header-bg};
--ds-header-icon-color: #{$ds-header-icon-color};
--ds-header-icon-color-hover: #{$ds-header-icon-color-hover};
--ds-navbar-bg: #{$ds-navbar-bg};
--ds-navbar-dropdown-bg: #{$ds-navbar-dropdown-bg};
--ds-header-navbar-border-top-color: #{$ds-header-navbar-border-bottom-color};
--ds-header-navbar-border-bottom-color: #{$ds-header-navbar-border-bottom-color};
--ds-navbar-link-color: #{$ds-navbar-link-color};
--ds-navbar-link-color-hover: #{$ds-navbar-link-color-hover};
--ds-expandable-navbar-bg: #{$ds-expandable-navbar-bg};
--ds-expandable-navbar-link-color: #{$ds-navbar-link-color};
--ds-expandable-navbar-link-color-hover: #{$ds-navbar-link-color-hover};
@include media-breakpoint-up(md) {
--ds-header-logo-height: 50px;
@@ -38,25 +39,19 @@
--ds-header-logo-height: 50px;
}
$admin-sidebar-bg: darken(#2B4E72, 17%);
$admin-sidebar-active-bg: darken($admin-sidebar-bg, 3%);
$admin-sidebar-fixed-element-width: 55px !default;
$admin-sidebar-collapsible-element-width: 250px !default;
$admin-sidebar-total-width: $admin-sidebar-fixed-element-width + $admin-sidebar-collapsible-element-width !default;
--ds-admin-sidebar-bg: #{$admin-sidebar-bg};
--ds-admin-sidebar-active-bg: #{$admin-sidebar-active-bg};
--ds-admin-sidebar-header-bg: #{darken($admin-sidebar-bg, 7%)};
--ds-admin-sidebar-fixed-element-width: #{$admin-sidebar-fixed-element-width};
--ds-admin-sidebar-bg: #{$ds-admin-sidebar-bg};
--ds-admin-sidebar-active-bg: #{$ds-admin-sidebar-active-bg};
--ds-admin-sidebar-header-bg: #{darken($ds-admin-sidebar-bg, 7%)};
--ds-admin-sidebar-fixed-element-width: #{$ds-admin-sidebar-fixed-element-width};
--ds-admin-sidebar-fixed-element-z-index: 10;
--ds-admin-sidebar-collapsible-element-width: #{$admin-sidebar-collapsible-element-width};
--ds-admin-sidebar-total-width: #{$admin-sidebar-total-width};
--ds-admin-sidebar-collapsible-element-width: #{$ds-admin-sidebar-collapsible-element-width};
--ds-admin-sidebar-total-width: #{$ds-admin-sidebar-total-width};
--ds-admin-sidebar-link-color: #{$navbar-dark-color};
--ds-admin-sidebar-link-hover-color: #{$navbar-dark-hover-color};
--ds-dark-scrollbar-bg: #{$admin-sidebar-active-bg};
--ds-dark-scrollbar-alt-bg: #{lighten($admin-sidebar-active-bg, 2%)};
--ds-dark-scrollbar-fg: #47495d;
--ds-dark-scrollbar-bg: #{$ds-admin-sidebar-active-bg};
--ds-dark-scrollbar-alt-bg: #{lighten($ds-admin-sidebar-active-bg, 2%)};
--ds-dark-scrollbar-fg: #{$ds-admin-sidebar-fg};
--ds-dark-scrollbar-width: 8px;
--ds-submission-sections-margin-bottom: .5rem;
@@ -78,9 +73,6 @@
--ds-notification-bg-info: #{darken(adjust-hue($info, -10), 10%)};
--ds-notification-bg-warning: #{darken(adjust-hue($warning, -10), 10%)};
--ds-fa-fixed-width: #{$fa-fixed-width};
--ds-icon-padding: #{$icon-padding};
--ds-top-footer-bg: #{$gray-200};
--ds-footer-bg: #{theme-color('primary')};
--ds-footer-border: 1px solid var(--bs-gray-400);
@@ -88,17 +80,16 @@
--ds-footer-padding-bottom: 0;
--ds-footer-logo-height: 50px;
$home-news-link-color: $cyan;
--ds-home-news-link-color: #{$home-news-link-color};
--ds-home-news-link-hover-color: #{darken($home-news-link-color, 15%)};
--ds-home-news-link-color: #{$ds-home-news-link-color};
--ds-home-news-link-hover-color: #{darken($ds-home-news-link-color, 15%)};
--ds-home-news-background-color: #{$gray-200};
--ds-breadcrumb-bg: #{$gray-200} !important;
--ds-breadcrumb-link-color: #{darken($cyan, 10%)};
--ds-breadcrumb-link-active-color: #{darken($cyan, 30%)};
--ds-breadcrumb-link-color: #{$ds-breadcrumb-link-color};
--ds-breadcrumb-link-active-color: #{$ds-breadcrumb-link-active-color};
--ds-breadcrumb-max-length: 200px;
--ds-slider-color: #{darken($green, 20%)};
--ds-slider-color: #{$ds-slider-color};
--ds-slider-handle-width: 18px;
--ds-slider-handle-color: #{darken($blue, 17%)};