Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-03-27 15:55:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix checkbox on dark theme

Browse Source
This commit is contained in:
AlphaX-Projects 2023-04-10 14:58:44 +02:00 committed by GitHub
parent 56c6304363
commit a407879e75
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
qortal-ui-plugins/plugins/core/qdn/browser/browser.src.js
View File

@ -42,7 +42,8 @@ class WebBrowser extends LitElement {
dogeFeePerByte: { type: Number }, dogeFeePerByte: { type: Number },
dgbFeePerByte: { type: Number }, dgbFeePerByte: { type: Number },
rvnFeePerByte: { type: Number }, rvnFeePerByte: { type: Number },
arrrWalletAddress: { type: String } arrrWalletAddress: { type: String },
theme: { type: String, reflect: true }
} }
} }
@ -56,6 +57,10 @@ class WebBrowser extends LitElement {
--mdc-theme-primary: rgb(3, 169, 244); --mdc-theme-primary: rgb(3, 169, 244);
--mdc-theme-secondary: var(--mdc-theme-primary); --mdc-theme-secondary: var(--mdc-theme-primary);
--paper-input-container-focus-color: var(--mdc-theme-primary); --paper-input-container-focus-color: var(--mdc-theme-primary);
--mdc-checkbox-unchecked-color: var(--black);
--mdc-theme-on-surface: var(--black);
--mdc-checkbox-disabled-color: var(--black);
--mdc-checkbox-ink-color: var(--black);
} }
#websitesWrapper paper-button { #websitesWrapper paper-button {
@ -136,9 +141,7 @@ class WebBrowser extends LitElement {
this.preview = urlParams.get('preview'); this.preview = urlParams.get('preview');
this.followedNames = []; this.followedNames = [];
this.blockedNames = []; this.blockedNames = [];
this.theme = localStorage.getItem('qortalTheme') this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'
? localStorage.getItem('qortalTheme')
: 'light';
this.loader = new Loader(); this.loader = new Loader();
// Build initial display URL // Build initial display URL
let displayUrl = 'qortal://' + this.service + '/' + this.name; let displayUrl = 'qortal://' + this.service + '/' + this.name;
@ -268,7 +271,7 @@ class WebBrowser extends LitElement {
</div> </div>
<div class="iframe-container"> <div class="iframe-container">
<iframe id="browser-iframe" src="${this.url <iframe id="browser-iframe" src="${this.url
}" sandbox="allow-scripts allow-forms allow-downloads allow-same-origin" allow="fullscreen"> }" sandbox="allow-scripts allow-forms allow-downloads allow-same-origin allow-modals" allow="fullscreen">
<span style="color: var(--black);">${translate( <span style="color: var(--black);">${translate(
'browserpage.bchange6' 'browserpage.bchange6'
)}</span> )}</span>
@ -2608,6 +2611,16 @@ async function showErrorAndWait(type, data, data1) {
// Add the styles for the modal // Add the styles for the modal
const styles = ` const styles = `
* {
--mdc-theme-primary: rgb(3, 169, 244);
--mdc-theme-secondary: var(--mdc-theme-primary);
--paper-input-container-focus-color: var(--mdc-theme-primary);
--mdc-checkbox-unchecked-color: var(--black);
--mdc-theme-on-surface: var(--black);
--mdc-checkbox-disabled-color: var(--black);
--mdc-checkbox-ink-color: var(--black);
}
.backdrop { .backdrop {
position: fixed; position: fixed;
top: 0; top: 0;
@ -2723,7 +2736,7 @@ const styles = `
align-items: center; align-items: center;
font-family: Montserrat, sans-serif; font-family: Montserrat, sans-serif;
font-weight: 600; font-weight: 600;
color: black; color: var(--black);
} }
.modal-buttons { .modal-buttons {