Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-05-13 21:27:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change #color notation into rgba notation

Browse Source
This commit is contained in:
Nicola Benaglia 2025-04-18 15:58:32 +02:00
parent 7868734363
commit db05ce4a3e
2 changed files with 34 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/styles/theme-dark.ts
View File

@ -6,20 +6,20 @@ const darkTheme = createTheme({
palette: { palette: {
mode: 'dark', mode: 'dark',
primary: { primary: {
main: '#2e3d60', main: 'rgb(46, 61, 96)',
dark: '#1a2744', dark: 'rgb(5, 20, 53)',
light: '#3f4b66', light: 'rgb(45, 92, 201)',
}, },
secondary: { secondary: {
main: '#45adff', main: 'rgb(69, 173, 255)',
}, },
background: { background: {
default: '#313338', default: 'rgb(49, 51, 56)',
paper: '#1e1e20', paper: 'rgb(30, 30, 32)',
}, },
text: { text: {
primary: '#ffffff', primary: 'rgb(255, 255, 255)',
secondary: '#b3b3b3', secondary: 'rgb(179, 179, 179)',
}, },
}, },
components: { components: {
@ -40,7 +40,7 @@ const darkTheme = createTheme({
MuiIcon: { MuiIcon: {
defaultProps: { defaultProps: {
style: { style: {
color: '#ffffff', color: 'rgb(255, 255, 255)',
opacity: 0.5, opacity: 0.5,
}, },
}, },
@ -48,18 +48,17 @@ const darkTheme = createTheme({
MuiCssBaseline: { MuiCssBaseline: {
styleOverrides: { styleOverrides: {
':root': { ':root': {
'--color-instance': '#1e1e20', '--color-instance': 'rgb(30, 30, 32)',
'--color-instance-popover-bg': '#222222', '--color-instance-popover-bg': 'rgb(34, 34, 34)',
'--Mail-Background': 'rgb(101, 248, 174)', '--Mail-Background': 'rgb(101, 248, 174)',
'--new-message-text': 'black', '--new-message-text': 'rgb(0, 0, 0)',
'--bg-primary': 'rgba(31, 32, 35, 1)', '--bg-primary': 'rgba(31, 32, 35, 1)',
'--bg-2': '#27282c', '--bg-2': 'rgb(39, 40, 44)',
'--bg-3': 'rgba(0, 0, 0, 0.1)', '--bg-3': 'rgba(0, 0, 0, 0.1)',
'--unread': '#4297e2', '--unread': 'rgb(66, 151, 226)',
'--danger': '#b14646', '--danger': 'rgb(177, 70, 70)',
'--apps-circle': '#1f2023', '--apps-circle': 'rgb(31, 32, 35)',
'--green': '#5eb049', '--green': 'rgb(94, 176, 73)',
'--gallo': 'gallo',
}, },
'*, *::before, *::after': { '*, *::before, *::after': {
boxSizing: 'border-box', boxSizing: 'border-box',

35
src/styles/theme-light.ts
View File

@ -6,20 +6,20 @@ const lightTheme = createTheme({
palette: { palette: {
mode: 'light', mode: 'light',
primary: { primary: {
main: '#f4f4fb', main: 'rgba(244, 244, 251, 1)',
dark: '#eaecf4', dark: 'rgb(113, 198, 212)',
light: '#f9f9fd', light: 'rgb(162, 162, 221)',
}, },
secondary: { secondary: {
main: '#c2deec', main: 'rgba(194, 222, 236, 1)',
}, },
background: { background: {
default: '#fafafa', default: 'rgba(250, 250, 250, 1)',
paper: '#f0f0f0', paper: 'rgb(240, 239, 202)',
}, },
text: { text: {
primary: '#000000', primary: 'rgba(0, 0, 0, 1)',
secondary: '#525252', secondary: 'rgba(82, 82, 82, 1)',
}, },
}, },
components: { components: {
@ -41,7 +41,7 @@ const lightTheme = createTheme({
MuiIcon: { MuiIcon: {
defaultProps: { defaultProps: {
style: { style: {
color: '#000000', color: 'rgba(0, 0, 0, 1)',
opacity: 0.5, opacity: 0.5,
}, },
}, },
@ -49,18 +49,17 @@ const lightTheme = createTheme({
MuiCssBaseline: { MuiCssBaseline: {
styleOverrides: { styleOverrides: {
':root': { ':root': {
'--color-instance': '#1e1e20', '--color-instance': 'rgba(30, 30, 32, 1)',
'--color-instance-popover-bg': '#222222', '--color-instance-popover-bg': 'rgba(34, 34, 34, 1)',
'--Mail-Background': 'rgba(49, 51, 56, 1)', '--Mail-Background': 'rgba(49, 51, 56, 1)',
'--new-message-text': 'black', '--new-message-text': 'rgba(0, 0, 0, 1)',
'--bg-primary': 'rgba(31, 32, 35, 1)', '--bg-primary': 'rgba(31, 32, 35, 1)',
'--bg-2': '#27282c', '--bg-2': 'rgba(39, 40, 44, 1)',
'--bg-3': 'rgba(0, 0, 0, 0.1)', '--bg-3': 'rgba(0, 0, 0, 0.1)',
'--unread': '#4297e2', '--unread': 'rgba(66, 151, 226, 1)',
'--danger': '#b14646', '--danger': 'rgba(177, 70, 70, 1)',
'--apps-circle': '#1f2023', '--apps-circle': 'rgba(31, 32, 35, 1)',
'--green': '#5eb049', '--green': 'rgba(94, 176, 73, 1)',
'--pollo': 'pollo',
}, },
'*, *::before, *::after': { '*, *::before, *::after': {
boxSizing: 'border-box', boxSizing: 'border-box',