forgot to dark mode the ending dialog

Joery-M · Jul 29, 2022 · 241bccb · 241bccb
1 parent e08ecfe
commit 241bccb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/src/index.html b/src/index.html
@@ -15,7 +15,7 @@
 		<main>
 			<label class="mdc-text-field mdc-text-field--filled" id="ytLink">
 				<span class="mdc-floating-label">Video URL</span>
-				<input class="mdc-text-field__input" type="text" oninput="preview(this.value)" />
+				<input class="mdc-text-field__input" type="text" />
 				<span class="mdc-line-ripple mdc-label"></span>
 			</label>
 			<div id="iframe">

diff --git a/src/script.ts b/src/script.ts
@@ -1,7 +1,7 @@
 import './index.html';
 import './stylesheet.scss';
 import './mdc.scss';
-import { Clipboard } from 'electron';
+import { Clipboard, dialog } from 'electron';
 import { getInfoOptions, videoInfo } from 'ytdl-core';
 
 import { MDCCircularProgress } from "@material/circular-progress";
@@ -60,6 +60,7 @@ downloadButton.addEventListener("click", download);
 });
 
 const endMsg = new MDCDialog(document.querySelector('.mdc-dialog'));
+endMsg.open()
 endMsg.listen("MDCDialog:closing", (ev: MDCDialogCloseEvent) =>
 {
     electron.dialogResponse(ev.detail.action == "accept");

diff --git a/src/stylesheet.scss b/src/stylesheet.scss
@@ -91,6 +91,14 @@
                 background-color: rgba(118, 118, 118, 0.3);
                 color: #ffffff20;
             }
+
+            .mdc-dialog .mdc-dialog__title{
+                color: var(--mdc-theme-on-primary)
+            }
+            .mdc-dialog__actions button{
+                background-color: var(--mdc-button-outline-color);
+                color: white;
+            }
         }
     }
 }