fix(removed hardcoded color, fix prompt input autocapitalize)

Author: Ajit Kumar

src/dialogs/prompt.js

@@ -8,6 +8,7 @@ import appSettings from "lib/settings";
  * @property {RegExp} [match]
  * @property {boolean} [required]
  * @property {string} [placeholder]
+ * @property {boolean} [capitalize] - If true, the first letter of the input will be capitalized
  * @property {(any)=>boolean} [test]
  */
 
@@ -28,8 +29,9 @@ export default function prompt(
 ) {
 	const commands = editorManager.editor.commands;
 	const originalExec = commands.exec;
+	const { capitalize = true } = options;
 
-	commands.exec = () => {}; // Disable all shortcuts
+	commands.exec = () => { }; // Disable all shortcuts
 
 	return new Promise((resolve) => {
 		const inputType = type === "textarea" ? "textarea" : "input";
@@ -43,6 +45,7 @@ export default function prompt(
 			value: defaultValue,
 			className: "input",
 			placeholder: options.placeholder,
+			autocapitalize: capitalize ? "on" : "off",
 		});
 		const okBtn = tag("button", {
 			type: "submit",

src/lib/commands.js

@@ -345,6 +345,7 @@ export default {
 
 		let newname = await prompt(strings.rename, file.filename, "filename", {
 			match: constants.FILE_NAME_REGEX,
+			capitalize: false,
 		});
 
 		newname = helpers.fixFilename(newname);

src/pages/sponsor/style.scss

@@ -35,7 +35,7 @@
 
   .header {
     text-align: center;
-    margin-bottom: 30px;
+    margin-bottom: 10px;
     animation: fadeInUp 0.8s ease-out;
   }
 
@@ -74,7 +74,6 @@
   h1 {
     font-size: 28px;
     font-weight: 700;
-    margin-bottom: 10px;
   }
 
   .subtitle {
@@ -87,12 +86,12 @@
     width: 90%;
     max-width: 400px;
     margin: 0 auto;
-    background: rgba(255, 255, 255, 0.15);
     border-radius: 16px;
     padding: 20px;
     margin-bottom: 15px;
-    backdrop-filter: blur(10px);
-    border: 1px solid var(--border-color);
+    background-color: var(--popup-background-color);
+    color: var(--popup-text-color);
+    border: 1px solid var(--popup-border-color);
     transition: all 0.3s ease;
     animation: fadeInUp 0.8s ease-out calc(0.6s + var(--delay, 0s)) both;
     box-sizing: border-box;

src/pages/sponsors/style.scss

@@ -45,7 +45,6 @@
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
     margin-bottom: 15px;
     width: 90%;
     max-width: 400px;
@@ -55,7 +54,6 @@
     margin: auto;
 
     .icon {
-      color: #6b6bff;
       margin-left: 10px;
     }
   }
@@ -69,7 +67,6 @@
 
   .sponsors-container {
     padding: 1rem;
-    margin-top: 2rem;
 
     h2 {
       text-align: center;
@@ -109,7 +106,7 @@
       padding: 15px;
       text-align: center;
       backdrop-filter: blur(10px);
-      border: 1px solid var(--border-color);
+      border: 1px solid var(--popup-border-color);
       transition: all 0.3s ease;
 
       .sponsor-avatar {