dark mode style fix

2024-10-09 09:26:39 +08:00
5 changed files with 13 additions and 10 deletions
--- a/ui/dist/assets/index-8E76olt7.js
+++ b/ui/dist/assets/index-8E76olt7.js
--- a/ui/dist/assets/index-DOft-CKV.css
+++ b/ui/dist/assets/index-DOft-CKV.css
--- a/ui/dist/index.html
+++ b/ui/dist/index.html
@@ -5,8 +5,8 @@
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Certimate - Your Trusted SSL Automation Partner</title>
-    <script type="module" crossorigin src="/assets/index-47M77bCI.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-ClQTEWmX.css">
+    <script type="module" crossorigin src="/assets/index-8E76olt7.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DOft-CKV.css">
  </head>
  <body class="bg-background">
    <div id="root"></div>
--- a/ui/src/components/certimate/StringList.tsx
+++ b/ui/src/components/certimate/StringList.tsx
@@ -111,7 +111,7 @@ const StringList = ({
              </div>
            }
          >
-            <div className="border rounded-md p-3 text-sm mt-2 text-gray-700 space-y-2">
+            <div className="border rounded-md p-3 text-sm mt-2 text-gray-700 space-y-2 dark:text-white dark:border-stone-700 dark:bg-stone-950">
              {list.map((item, index) => (
                <div key={index} className="flex justify-between items-center">
                  <div>{item}</div>
@@ -122,7 +122,7 @@ const StringList = ({
                      trigger={
                        <Edit
                          size={16}
-                          className="cursor-pointer text-gray-600"
+                          className="cursor-pointer text-gray-600 dark:text-white"
                        />
                      }
                      value={item}
@@ -213,12 +213,15 @@ const StringEdit = ({
      }}
    >
      <DialogTrigger className="text-primary">{trigger}</DialogTrigger>
-      <DialogContent>
+      <DialogContent className="dark:text-white">
        <DialogHeader>
-          <DialogTitle>{t(titles[valueType])}</DialogTitle>
+          <DialogTitle className="dark:text-white">
+            {t(titles[valueType])}
+          </DialogTitle>
        </DialogHeader>
        <Input
          value={currentValue}
+          className="dark:text-white"
          onChange={(e) => {
            setCurrentValue(e.target.value);
          }}
--- a/ui/src/domain/version.ts
+++ b/ui/src/domain/version.ts
@@ -1 +1 @@
-export const version = "Certimate v0.1.16";
+export const version = "Certimate v0.1.17";