dark mode fixes

dimdenGD · Jul 20, 2022 · 52ea634 · 52ea634
1 parent 8fc4a52
commit 52ea634
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -5,6 +5,7 @@ This extension doesn't add any CSS on top of original Twitter. It's fully origin
 ## Screenshots  
 ![Profile](https://lune.dimden.dev/7b17cad5cd.png)  
 ![Profile 2](https://lune.dimden.dev/e073d858d4.png)  
+![Profile dark mode](https://lune.dimden.dev/8e7afd71fe.png)  
 ![Tweet](https://lune.dimden.dev/2381fb0adb.png)  
 ![Notifications](https://lune.dimden.dev/079d8c046c.png)  
 ![Search](https://lune.dimden.dev/575b9d30f1.png)  

diff --git a/layouts/header/script.js b/layouts/header/script.js
@@ -1214,6 +1214,7 @@ setTimeout(async () => {
             root.style.setProperty('--new-tweet-over', 'rgba(27, 40, 54, 0.92)');
             root.style.setProperty('--input-background', '#131c24');
             root.style.setProperty('--active-message', '#141d26');
+            root.style.setProperty('--more-color', '#a088ff');
         } else {
             root.style.setProperty('--background-color', 'white');
             root.style.setProperty('--darker-background-color', '#f5f8fa');
@@ -1226,6 +1227,7 @@ setTimeout(async () => {
             root.style.setProperty('--new-tweet-over', 'rgba(255, 255, 255, 0.92)');
             root.style.setProperty('--input-background', 'white');
             root.style.setProperty('--active-message', '#eaf5fd');
+            root.style.setProperty('--more-color', '#30F');
         }
     }
     switchDarkMode(vars.darkMode);

diff --git a/layouts/header/style.css b/layouts/header/style.css
@@ -16,6 +16,7 @@
     --new-tweet-over: rgba(255, 255, 255, 0.92);
     --input-background: white;
     --active-message: #eaf5fd;
+    --more-color: #30F;
 }
 @font-face {
     font-family: 'RosettaIcons';

diff --git a/layouts/home/style.css b/layouts/home/style.css
@@ -568,7 +568,7 @@ a:hover,
 .tweet-interact-reply:hover,
 .tweet-interact-more:hover:before,
 .tweet-interact-more-menu span:hover {
-    color: #30F !important
+    color: var(--more-color) !important
 }
 
 .tweet-interact-retweeted,

diff --git a/layouts/notifications/style.css b/layouts/notifications/style.css
@@ -553,7 +553,7 @@ a:hover,
 .tweet-interact-reply:hover,
 .tweet-interact-more:hover:before,
 .tweet-interact-more-menu span:hover {
-    color: #30F !important
+    color: var(--more-color) !important
 }
 
 .tweet-interact-retweeted,

diff --git a/layouts/profile/style.css b/layouts/profile/style.css
@@ -562,7 +562,7 @@ a:hover,
 .tweet-interact-reply:hover,
 .tweet-interact-more:hover:before,
 .tweet-interact-more-menu span:hover {
-    color: #30F !important
+    color: var(--more-color) !important
 }
 
 .tweet-interact-retweeted,
@@ -1221,7 +1221,7 @@ a:hover,
 }
 
 #profile-settings-div span:hover {
-    color: #30F
+    color: var(--link-color)
 }
 
 #profile-settings-div hr {
@@ -1259,21 +1259,20 @@ a:hover,
     padding: 10px;
     color: var(--background-color);
     cursor: pointer;
-    border: 1px solid var(--default-text-color);
+    border: 1px solid var(--border);
     border-radius: 5px;
     background: var(--background-color);
     font-size: 14px
 }
 
 #tweet-to:hover {
     background-color: var(--border);
-    background-image: linear-gradient(var(--background-color), #eff4f8);
     -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
 }
 
 #tweet-to-div {
     padding: 10px;
-    border: 1px solid var(--default-text-color);
+    border: 1px solid var(--border);
     border-radius: 5px;
     background: var(--new-tweet-over)
 }

diff --git a/layouts/search/style.css b/layouts/search/style.css
@@ -572,7 +572,7 @@ a:hover,
 .tweet-interact-reply:hover,
 .tweet-interact-more:hover:before,
 .tweet-interact-more-menu span:hover {
-    color: #30F !important
+    color: var(--more-color) !important
 }
 
 .tweet-interact-retweeted,

diff --git a/layouts/tweet/style.css b/layouts/tweet/style.css
@@ -578,7 +578,7 @@ a:hover,
 .tweet-interact-reply:hover,
 .tweet-interact-more:hover:before,
 .tweet-interact-more-menu span:hover {
-    color: #30F !important
+    color: var(--more-color) !important
 }
 
 .tweet-interact-retweeted,