paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 34 Packages Projects Releases Wiki Activity

Microsite theme variables separate to light and dark modes within customTheme

Browse Source 
Signed-off-by: Gervais, Raymond <raymond.gervais@rbc.com>
This commit is contained in:
Gervais, Raymond
2025-05-14 15:43:57 -04:00
parent 6dbb27273b
commit d3b8a26536
2 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
microsite/src/theme/customTheme.scss
+38 -14
View File
@@ -6,36 +6,60 @@
--ifm-color-primary-dark: #31a792;
--ifm-color-primary-darker: #2e9e8a;
--ifm-color-primary-darkest: #268271;
--ifm-grey-background-light: linear-gradient(
90.49deg,
#e0e0e0 15.36%,
#f5f5f5 70.44%
);
--ifm-grey-background-dark: linear-gradient(
}
html[data-theme='dark'] {
--ifm-grey-background: linear-gradient(
90.49deg,
#121212 15.36%,
#282828 70.44%
);
--ifm-green-gradient-background-light: linear-gradient(
70.44deg,
#e0f7f4 55%,
#a3d9d2
);
--ifm-green-gradient-background-dark: linear-gradient(
--ifm-green-gradient-background: linear-gradient(
70.44deg,
#121212 55%,
#5d817b
);
--ifm-bullet-line-dark: linear-gradient(
--bullet-line-color: linear-gradient(
89.75deg,
#9bf0e1 -1.5%,
rgba(155, 240, 225, 0) 111.48%
);
--ifm-bullet-line-light: linear-gradient(
--ifm-button-border-color: var(--ifm-color-primary-darker);
/* Logo */
--backstage-logo: url(/img/logo.svg);
}
html[data-theme='light'] {
--ifm-color-primary: var(--ifm-color-primary-darkest);
--ifm-grey-background: linear-gradient(
90.49deg,
#e0e0e0 15.36%,
#f5f5f5 70.44%
);
--ifm-green-gradient-background: linear-gradient(
70.44deg,
#e0f7f4 55%,
#a3d9d2
);
--ifm-breadcrumb-item-background-active: #f8f8f8;
--bullet-line-color: linear-gradient(
89.75deg,
var(--ifm-color-primary-dark) -1.5%,
rgba(155, 240, 225, 0) 111.48%
);
--ifm-font-color-base: #000000;
--ifm-menu-color: #6E;
--feedback-button-dark-text-color: #f8f8f8;
/* Active Colors */
--ifm-breadcrumb-color-active: var(--ifm-color-primary-darkest);
--ifm-menu-color-active: var(--ifm-color-primary-darkest);
--ifm-link-color: var(--ifm-color-primary-darkest);
--ifm-link-color-hover: var(--ifm-color-primary-darkest);
/* Logo */
--backstage-logo: url(/img/logo-black.svg);
}
// for docs and releases
microsite/src/theme/variables.scss
-18
View File
@@ -1,20 +1,2 @@
$xlUpBreakpoint: 1441px;
$desktopUpBreakpoint: 997px;
html[data-theme='dark'] {
--ifm-grey-background: var(--ifm-grey-background-dark);
--ifm-green-gradient-background: var(--ifm-green-gradient-background-dark);
--backstage-logo: url(/img/logo.svg);
--bullet-line-color: var(--ifm-bullet-line-dark);
--ifm-button-border-color: var(--ifm-color-primary-darker);
}
html[data-theme='light'] {
--ifm-grey-background: var(--ifm-grey-background-light);
--ifm-green-gradient-background: var(--ifm-green-gradient-background-light);
--ifm-breadcrumb-color-active: var(--ifm-color-primary-darker);
--ifm-menu-color-active: var(--ifm-color-primary-darker);
--ifm-link-color: var(--ifm-color-primary-darker);
--backstage-logo: url(/img/logo-black.svg);
--bullet-line-color: var(--ifm-bullet-line-light);
}