shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-21 14:50:08 +03:00
Code Releases Wiki Activity

M #~: Minor fix on styles (#2057)

Browse Source
This commit is contained in:
Sergio Betanzos 2022-05-18 14:57:19 +02:00 committed by GitHub
parent 1bda1e37af
commit 3ff275e1b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/fireedge/src/client/components/Header/index.js
View File

@ -120,7 +120,7 @@ const Header = memo(({ route: { title, description } = {} }) => {
noWrap
variant="subtitle2"
data-cy="header-description"
sx={{ color: 'text.secondary' }}
sx={{ color: 'text.contrastText' }}
>
<Translate word={ensuredDescription} />
</Typography>

25
src/fireedge/src/client/theme/defaults.js
View File

@ -14,7 +14,6 @@
* limitations under the License. *
* ------------------------------------------------------------------------- */
import { createTheme, ThemeOptions, colors, alpha } from '@mui/material'
import { accordionSummaryClasses } from '@mui/material/AccordionSummary'
import { iconButtonClasses } from '@mui/material/IconButton'
import { buttonClasses } from '@mui/material/Button'
import { NavArrowDown as ExpandMoreIcon } from 'iconoir-react'
@ -22,7 +21,8 @@ import { NavArrowDown as ExpandMoreIcon } from 'iconoir-react'
import { UbuntuFont } from 'client/theme/fonts'
import { SCHEMES } from 'client/constants'
const defaultTheme = createTheme()
const defaultDarkTheme = createTheme({ palette: { mode: 'dark' } })
const defaultLightTheme = createTheme({ palette: { mode: 'light' } })
const { grey } = colors
const black = '#1D1D1D'
const white = '#ffffff'
@ -87,8 +87,7 @@ const createAppTheme = (appTheme, mode = SCHEMES.DARK) => {
const { primary = defaultPrimary, secondary } = appTheme?.palette || {}
const defaultContrastText = isDarkMode ? white : 'rgba(0, 0, 0, 0.87)'
console.log({ mode, isDarkMode })
const defaultTheme = isDarkMode ? defaultDarkTheme : defaultLightTheme
const background = {
paper: isDarkMode ? primary.light : white,
@ -491,7 +490,7 @@ const createAppTheme = (appTheme, mode = SCHEMES.DARK) => {
MuiAccordionDetails: {
styleOverrides: {
root: {
border: `1px solid ${defaultTheme.palette.divider}`,
borderTop: `1px solid ${defaultTheme.palette.divider}`,
},
},
},
@ -500,18 +499,10 @@ const createAppTheme = (appTheme, mode = SCHEMES.DARK) => {
expandIcon: <ExpandMoreIcon />,
},
styleOverrides: {
flexDirection: 'row-reverse',
backgroundColor: isDarkMode
? 'rgba(255, 255, 255, .05)'
: 'rgba(0, 0, 0, .03)',
'&:not(:last-child)': {
borderBottom: 0,
},
[`& .${accordionSummaryClasses.expandIconWrapper}.Mui-expanded`]: {
transform: 'rotate(90deg)',
},
[`& .${accordionSummaryClasses.content}`]: {
marginLeft: '.5em',
root: {
'&.Mui-expanded, &:hover': {
backgroundColor: defaultTheme.palette.action.hover,
},
},
},
},