Update dark mode design

keybraker · Dec 31, 2024 · a644f08 · a644f08
1 parent 1a87d6b
commit a644f08
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 18 deletions.
diff --git a/package.zip b/package.zip
diff --git a/src/css/style.css b/src/css/style.css
@@ -117,14 +117,14 @@ html.dark-mode,
   --color-border-neutral-7: #8c8c8c !important;
 
   --color-text-primary: #ffffff !important;
-  --color-text-secondary: #b0b0b0 !important;
+  --color-text-secondary: #e2e2e2 !important;
   --color-text-highlight: #ffcc00 !important;
 
   --color-border-primary: #3a3a3a !important;
   --color-border-highlight: #ffcc00 !important;
 
-  --color-link: #1e90ff !important;
-  --color-link-hover: #6495ed !important;
+  --color-link: #dddddd !important;
+  --color-link-hover: #a7a7a7 !important;
 
   --color-button-background: #3a3a3a !important;
   --color-button-text: #ffffff !important;
@@ -151,17 +151,16 @@ a:hover {
 button {
   background-color: var(--color-button-background) !important;
   color: var(--color-button-text) !important;
-  border: 1px solid var(--color-border-primary) !important;
+  /* border: 1px solid var(--color-border-primary) !important; */
 }
 
 button:hover {
   background-color: var(--color-button-hover) !important;
 }
 
 .card {
-  background-color: var(--color-card-background) !important;
+  background-color: var(--color-background-base) !important;
   color: var(--color-card-text) !important;
-  border: 1px solid var(--color-card-border) !important;
 }
 
 header {
@@ -194,11 +193,25 @@ header {
 .dark-mode .bottom-drawer-content,
 .dark-mode .notification,
 .dark-mode .remain-sticky {
-  background-color: var(--color-card-background) !important;
+  background-color: var(--color-background-base) !important;
   color: var(--color-text-primary) !important;
   border-bottom: 1px solid var(--color-border-primary) !important;
 }
 
+.dark-mode .info-label-positive {
+  background-color: #2c632a !important;
+}
+
+.dark-mode .info-label-negative {
+  background-color: #c93633 !important;
+}
+
+.dark-mode .lowest-price-store-highlight {
+  border: 3px solid #58a054 !important;
+  box-shadow: 1px 1px 0 #ffffff !important;
+  box-shadow: 0px 2px 4px #ffffff !important;
+}
+
 /*************************************************************************************************************/
 
 .display-none {
@@ -266,7 +279,7 @@ text-black {
   border-radius: 32px !important;
   padding: 8px 12px !important;
   font-weight: 400 !important;
-  background-color: var(--color-text-success-0) !important;
+  background-color: #58a054 !important;
   color: var(--color-text-base-default) !important;
 }
 
@@ -280,32 +293,32 @@ text-black {
   border-radius: 32px !important;
   padding: 8px 12px !important;
   font-weight: 400 !important;
-  background-color: var(--color-border-inline-alert-danger) !important;
+  background-color: #c93633 !important;
   color: var(--color-text-base-default) !important;
 }
 
 .lowest-price-store-highlight {
-  border: 2px solid var(--color-text-link-marketplace-visited) !important;
-  box-shadow: 1px 1px 0 var(--color-text-link-marketplace-visited) !important;
-  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1) !important;
+  border: 3px solid #58a054 !important;
+  box-shadow: 1px 1px 0 #000000 !important;
+  box-shadow: 0px 2px 4px #000000 !important;
 }
 
 .info-label-positive {
   border: 2px solid var(--color-border-neutral-0) !important;
   line-height: 1.4 !important;
   font-size: 16px !important;
   font-weight: 500 !important;
-  background-color: var(--color-text-link-marketplace-visited) !important;
-  color: #ffffff !important;
+  background-color: #58a054 !important;
+  color: #e7e7e7 !important;
 }
 
 .info-label-negative {
   border: 2px solid var(--color-border-neutral-0) !important;
   line-height: 1.4 !important;
   font-size: 16px !important;
   font-weight: 500 !important;
-  background-color: var(--color-text-link-danger-visited) !important;
-  color: #ffffff !important;
+  background-color: #c93633 !important;
+  color: #e7e7e7 !important;
 }
 
 .sponsored-label svg,

diff --git a/src/manifest_chrome.json b/src/manifest_chrome.json
@@ -1,7 +1,7 @@
 {
   "name": "reSkroutzed",
   "description": "Flags sponsored products on Skroutz.gr",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "manifest_version": 3,
   "permissions": [],
   "host_permissions": [

diff --git a/src/manifest_firefox.json b/src/manifest_firefox.json
@@ -1,7 +1,7 @@
 {
   "name": "reSkroutzed",
   "description": "Flags sponsored products on Skroutz.gr",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "manifest_version": 3,
   "permissions": [],
   "host_permissions": [