Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-05-08 02:37:59 +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: {
mode: 'dark',
primary: {
main: '#2e3d60',
dark: '#1a2744',
light: '#3f4b66',
main: 'rgb(46, 61, 96)',
dark: 'rgb(5, 20, 53)',
light: 'rgb(45, 92, 201)',
},
secondary: {
main: '#45adff',
main: 'rgb(69, 173, 255)',
},
background: {
default: '#313338',
paper: '#1e1e20',
default: 'rgb(49, 51, 56)',
paper: 'rgb(30, 30, 32)',
},
text: {
primary: '#ffffff',
secondary: '#b3b3b3',
primary: 'rgb(255, 255, 255)',
secondary: 'rgb(179, 179, 179)',
},
},
components: {
@ -40,7 +40,7 @@ const darkTheme = createTheme({
MuiIcon: {
defaultProps: {
style: {
color: '#ffffff',
color: 'rgb(255, 255, 255)',
opacity: 0.5,
},
},
@ -48,18 +48,17 @@ const darkTheme = createTheme({
MuiCssBaseline: {
styleOverrides: {
':root': {
'--color-instance': '#1e1e20',
'--color-instance-popover-bg': '#222222',
'--color-instance': 'rgb(30, 30, 32)',
'--color-instance-popover-bg': 'rgb(34, 34, 34)',
'--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-2': '#27282c',
'--bg-2': 'rgb(39, 40, 44)',
'--bg-3': 'rgba(0, 0, 0, 0.1)',
'--unread': '#4297e2',
'--danger': '#b14646',
'--apps-circle': '#1f2023',
'--green': '#5eb049',
'--gallo': 'gallo',
'--unread': 'rgb(66, 151, 226)',
'--danger': 'rgb(177, 70, 70)',
'--apps-circle': 'rgb(31, 32, 35)',
'--green': 'rgb(94, 176, 73)',
},
'*, *::before, *::after': {
boxSizing: 'border-box',

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

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