Fix button spinner and dialog to dark

This commit is contained in:
AlphaX-Projects 2022-03-18 15:46:14 +01:00 committed by GitHub
parent a0db12c96f
commit a797315c94
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -53,6 +53,8 @@ class TradePortal extends LitElement {
--mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder);
--mdc-select-label-ink-color: var(--black);
--mdc-select-ink-color: var(--black);
--mdc-theme-surface: var(--white);
--mdc-dialog-content-ink-color: var(--black);
--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);
@ -66,6 +68,13 @@ class TradePortal extends LitElement {
--_lumo-grid-secondary-border-color: var(--border2);
}
paper-spinner-lite {
height: 30px;
width: 30px;
--paper-spinner-color: var(--mdc-theme-primary);
--paper-spinner-stroke-width: 3px;
}
mwc-tab-bar {
--mdc-text-transform: none;
--mdc-tab-color-default: var(--black);
@ -389,8 +398,9 @@ class TradePortal extends LitElement {
column-gap: 0.5em;
row-gap: 0.4em;
}
}
`;
`
}
constructor() {
@ -498,7 +508,7 @@ class TradePortal extends LitElement {
</div>
</div>
</div>
`;
`
}
openTradesTemplate() {
@ -553,7 +563,7 @@ class TradePortal extends LitElement {
</div>
</div>
</div>
`;
`
}
openMarketTemplate() {
@ -685,7 +695,7 @@ class TradePortal extends LitElement {
</div>
</div>
</div>
`;
`
}
myOpenOrdersTemplate() {
@ -750,7 +760,7 @@ class TradePortal extends LitElement {
</div>
</div>
</div>
`;
`
}
myHistoricTradesTemplate() {
@ -810,7 +820,7 @@ class TradePortal extends LitElement {
</div>
</div>
</div>
`;
`
}
render() {
@ -837,7 +847,7 @@ class TradePortal extends LitElement {
</div>
<!-- Manage Stuck Orders Dialog -->
<mwc-dialog id="manageStuckOrdersDialog" scrimClickAction="${this.cancelStuckOfferBtnDisable ? '' : 'close'}">
<div style="text-align:center">
<div style="text-align: center;">
<h1>Stuck Offers</h1>
<hr />
</div>
@ -851,7 +861,7 @@ class TradePortal extends LitElement {
</div>
<mwc-button slot="primaryAction" dialogAction="cancel" class="cancel">Close</mwc-button>
</mwc-dialog>
`;
`
}
firstUpdated() {