sartography
/
spiff-arena
mirror of https://github.com/sartography/spiff-arena.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

explicit themes

This commit is contained in:
burnettk 2022-11-07 10:10:47 -05:00
parent be73955451
commit 9f3ff6bda4
3 changed files with 33 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
spiffworkflow-frontend/src/App.tsx
View File

@ -46,6 +46,7 @@ export default function App() {
} }
return ( return (
<div className="cds--white">
<ErrorContext.Provider value={errorContextValueArray}> <ErrorContext.Provider value={errorContextValueArray}>
<BrowserRouter> <BrowserRouter>
<NavigationBar /> <NavigationBar />
@ -69,5 +70,6 @@ export default function App() {
</Content> </Content>
</BrowserRouter> </BrowserRouter>
</ErrorContext.Provider> </ErrorContext.Provider>
</div>
); );
} }

1
spiffworkflow-frontend/src/components/NavigationBar.tsx
View File

@ -124,7 +124,6 @@ export default function NavigationBar() {
}; };
if (activeKey) { if (activeKey) {
// TODO: apply theme g100 to the header
return ( return (
<HeaderContainer <HeaderContainer
render={({ isSideNavExpanded, onClickSideNavExpand }: any) => ( render={({ isSideNavExpanded, onClickSideNavExpand }: any) => (

11
spiffworkflow-frontend/src/index.scss
View File

@ -5,6 +5,11 @@
// @include grid.flex-grid(); // @include grid.flex-grid();
// @use '@carbon/react/scss/colors'; // @use '@carbon/react/scss/colors';
// .cds--header, a.cds--header__menu-item {
// background-color: colors.$gray-100; // site is mainly using white theme.
// } // header is mainly using g100
// mockup wanted white, not grey, text
.cds--header, a.cds--header__menu-item {
// background-color: colors.$gray-100;
color: white;
}