fix colors

This commit is contained in:
PhilReact 2025-05-03 01:58:37 +03:00
parent ab1eaeb338
commit b1af797ad3
5 changed files with 24 additions and 21 deletions

View File

@ -3689,7 +3689,7 @@ export const checkThreads = async (bringBack) => {
dataToBringBack.push(thread); dataToBringBack.push(thread);
} }
} catch (error) { } catch (error) {
conosle.log({ error }); console.log({ error });
} }
} }

View File

@ -180,7 +180,7 @@ export const AppsDevModeNavBar = () => {
> >
<RefreshIcon <RefreshIcon
sx={{ sx={{
color: 'rgba(250, 250, 250, 0.5)', color: theme.palette.text.primary,
width: '40px', width: '40px',
height: 'auto', height: 'auto',
}} }}

View File

@ -1302,10 +1302,7 @@ export const publishMultipleQDNResources = async (
html: ` html: `
<div style="max-height: 30vh; overflow-y: auto;"> <div style="max-height: 30vh; overflow-y: auto;">
<style> <style>
body {
background-color: #121212;
color: #e0e0e0;
}
.resource-container { .resource-container {
display: flex; display: flex;
@ -1314,7 +1311,7 @@ export const publishMultipleQDNResources = async (
padding: 16px; padding: 16px;
margin: 8px 0; margin: 8px 0;
border-radius: 8px; border-radius: 8px;
background-color: #1e1e1e; background-color: var(--background-default);
} }
.resource-detail { .resource-detail {
@ -1323,7 +1320,7 @@ export const publishMultipleQDNResources = async (
.resource-detail span { .resource-detail span {
font-weight: bold; font-weight: bold;
color: #bb86fc; color: var(--text-primary);
} }
@media (min-width: 600px) { @media (min-width: 600px) {
@ -3578,8 +3575,8 @@ export const createBuyOrder = async (data, isFromExtension) => {
<div style="max-height: 30vh; overflow-y: auto; font-family: sans-serif;"> <div style="max-height: 30vh; overflow-y: auto; font-family: sans-serif;">
<style> <style>
.fee-container { .fee-container {
background-color: #1e1e1e; background-color: var(--background-default);
color: #e0e0e0; color: var(--text-primary);
border: 1px solid #444; border: 1px solid #444;
border-radius: 8px; border-radius: 8px;
padding: 16px; padding: 16px;
@ -3587,12 +3584,12 @@ export const createBuyOrder = async (data, isFromExtension) => {
} }
.fee-label { .fee-label {
font-weight: bold; font-weight: bold;
color: #bb86fc; color: var(--text-primary);
margin-bottom: 4px; margin-bottom: 4px;
} }
.fee-description { .fee-description {
font-size: 14px; font-size: 14px;
color: #cccccc; color: var(--text-primary);
margin-bottom: 16px; margin-bottom: 16px;
} }
</style> </style>
@ -3605,7 +3602,7 @@ export const createBuyOrder = async (data, isFromExtension) => {
</div> </div>
<div class="fee-label">Total Locking Fee:</div> <div class="fee-label">Total Locking Fee:</div>
<div>${+buyingFees?.unlock.fee.toFixed(8)} ${buyingFees.ticker} per kb</div> <div>${+buyingFees?.lock.fee.toFixed(8)} ${buyingFees.ticker} per kb</div>
</div> </div>
</div> </div>
@ -5204,19 +5201,15 @@ export const multiPaymentWithPrivateData = async (data, isFromExtension) => {
html: ` html: `
<div style="max-height: 30vh; overflow-y: auto;"> <div style="max-height: 30vh; overflow-y: auto;">
<style> <style>
body {
background-color: #121212;
color: #e0e0e0;
}
.resource-container { .resource-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border: 1px solid #444; border: 1px solid;
padding: 16px; padding: 16px;
margin: 8px 0; margin: 8px 0;
border-radius: 8px; border-radius: 8px;
background-color: #1e1e1e; background-color: var(--background-default);
} }
.resource-detail { .resource-detail {
@ -5225,7 +5218,7 @@ export const multiPaymentWithPrivateData = async (data, isFromExtension) => {
.resource-detail span { .resource-detail span {
font-weight: bold; font-weight: bold;
color: #bb86fc; color: var(--text-primary);
} }
@media (min-width: 600px) { @media (min-width: 600px) {

View File

@ -55,6 +55,11 @@ export const darkThemeOptions: ThemeOptions = {
'--bg-primary': 'rgba(31, 32, 35, 1)', '--bg-primary': 'rgba(31, 32, 35, 1)',
'--bg-2': 'rgb(39, 40, 44)', '--bg-2': 'rgb(39, 40, 44)',
'--primary-main': theme.palette.primary.main, '--primary-main': theme.palette.primary.main,
'--text-primary': theme.palette.text.primary,
'--text-secondary': theme.palette.text.secondary,
'--background-default': theme.palette.background.default,
'--background-paper': theme.palette.background.paper,
'--background-surface': theme.palette.background.surface,
}, },
'*, *::before, *::after': { '*, *::before, *::after': {
boxSizing: 'border-box', boxSizing: 'border-box',

View File

@ -55,6 +55,11 @@ export const lightThemeOptions: ThemeOptions = {
'--bg-primary': 'rgba(31, 32, 35, 1)', '--bg-primary': 'rgba(31, 32, 35, 1)',
'--bg-2': 'rgba(39, 40, 44, 1)', '--bg-2': 'rgba(39, 40, 44, 1)',
'--primary-main': theme.palette.primary.main, '--primary-main': theme.palette.primary.main,
'--text-primary': theme.palette.text.primary,
'--text-secondary': theme.palette.text.secondary,
'--background-default': theme.palette.background.default,
'--background-paper': theme.palette.background.paper,
'--background-surface': theme.palette.background.surface,
}, },
'*, *::before, *::after': { '*, *::before, *::after': {