@@ -420,6 +428,11 @@ class GroupManagement extends LitElement {
}
firstUpdated() {
+
+ setInterval(() => {
+ this.changeTheme();
+ }, 100)
+
this.unitCreateFee()
this.unitJoinFee()
this.unitLeaveFee()
@@ -491,6 +504,16 @@ class GroupManagement extends LitElement {
parentEpml.imReady()
}
+ changeTheme() {
+ const checkTheme = localStorage.getItem('qortalTheme')
+ if (checkTheme === 'dark') {
+ this.theme = 'dark';
+ } else {
+ this.theme = 'light';
+ }
+ document.querySelector('html').setAttribute('theme', this.theme);
+ }
+
async unitCreateFee() {
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node];
const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port;
diff --git a/qortal-ui-plugins/plugins/core/group-management/index.html b/qortal-ui-plugins/plugins/core/group-management/index.html
index c9e346b0..06ea5e79 100644
--- a/qortal-ui-plugins/plugins/core/group-management/index.html
+++ b/qortal-ui-plugins/plugins/core/group-management/index.html
@@ -3,6 +3,7 @@
+
diff --git a/qortal-ui-plugins/plugins/core/messaging/index.html b/qortal-ui-plugins/plugins/core/messaging/index.html
index 4b6f5c49..390c33c9 100644
--- a/qortal-ui-plugins/plugins/core/messaging/index.html
+++ b/qortal-ui-plugins/plugins/core/messaging/index.html
@@ -3,6 +3,7 @@
+
diff --git a/qortal-ui-plugins/plugins/core/messaging/messaging.src.js b/qortal-ui-plugins/plugins/core/messaging/messaging.src.js
index 349a5a1e..19a6fe6f 100644
--- a/qortal-ui-plugins/plugins/core/messaging/messaging.src.js
+++ b/qortal-ui-plugins/plugins/core/messaging/messaging.src.js
@@ -5,16 +5,26 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent })
class Messaging extends LitElement {
static get properties() {
- return {}
+ return {
+ theme: { type: String, reflect: true }
+ }
}
static get styles() {
return css`
* {
--mdc-theme-primary: rgb(3, 169, 244);
+ --paper-input-container-focus-color: var(--mdc-theme-primary);
+ --lumo-primary-text-color: rgb(0, 167, 245);
+ --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5);
+ --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1);
+ --lumo-primary-color: hsl(199, 100%, 48%);
+ --lumo-base-color: var(--white);
+ --lumo-body-text-color: var(--black);
}
+
#page {
- background: #fff;
+ background: var(--white);
padding: 12px 24px;
}
@@ -24,7 +34,7 @@ class Messaging extends LitElement {
}
h3, h4, h5 {
- color:#333;
+ color: var(--black);
font-weight: 400;
}
@@ -64,17 +74,18 @@ class Messaging extends LitElement {
}
p {
- color:#333;
+ color: var(--black);
}
ul, ul li {
- color:#333;
+ color: var(--black);
}
`
}
constructor() {
super()
+ this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'
}
render() {
@@ -95,8 +106,6 @@ class Messaging extends LitElement {
These messages are able to be sent to groups or individual accounts, and are essentially the 'e-mail' of Qortal.
Use these messages if you intend on the message being a PERMANENT message that stays when and where you send it.
-
-
There are no @ in Qortal Chain Messaging, only 'registered names'. As the registered names on the chain can only be registered ONCE. Therefore, there are NO DUPLICATES.
- To "activate" your account, an OUTGOING transaction needs to take place.
- Name Registration is the most common method. You can ask someone in Q-Chat to send you a small amount of QORT so that you may activate your account,
- or buy QORT within the Trade Portal then make an OUTGOING transaction of any kind and secure your public key on the blockchain.
- Until you do this, your public key is only known by you, in your UI, and no one else can pull your public key from the chain.
+ To "activate" your account, an OUTGOING transaction needs to take place.
+ Name Registration is the most common method. You can ask someone in Q-Chat to send you a small amount of QORT so that you may activate your account,
+ or buy QORT within the Trade Portal then make an OUTGOING transaction of any kind and secure your public key on the blockchain.
+ Until you do this, your public key is only known by you, in your UI, and no one else can pull your public key from the chain.
- Node has been online for: ${this.upTime}
+ Node has been online for: ${this.upTime}
@@ -212,8 +223,7 @@ class NodeManagement extends LitElement {
render(html` this.removeMintingAccount(data.item.publicKey)}>createRemove`, root)
}}>
-
- ${this.isEmptyArray(this.mintingAccounts) ? html` No minting accounts found for this node ` : ""}
+ ${this.isEmptyArray(this.mintingAccounts) ? html`No minting accounts found for this node` : ""}
@@ -267,7 +277,7 @@ class NodeManagement extends LitElement {
}}>
- ${this.isEmptyArray(this.peers) ? html` Node has no connected peers ` : ""}
+ ${this.isEmptyArray(this.peers) ? html`Node has no connected peers` : ""}
${this.renderRelayModeText()}
@@ -322,7 +337,7 @@ class Websites extends LitElement {
${this.isEmptyArray(this.webResources) ? html`
- You not follow any website
+ You not follow any website
`: ''}
${this.renderRelayModeText()}
@@ -361,7 +376,7 @@ class Websites extends LitElement {
${this.isEmptyArray(this.blockResources) ? html`
- You have not blocked any website
+ You have not blocked any website
`: ''}
-
+
@@ -146,13 +157,18 @@ class RewardShare extends LitElement {
${this.isEmptyArray(this.rewardShares) ? html`
- Account is not involved in any reward shares
+ Account is not involved in any reward shares
`: ''}