Update light theme, change player 3 color

Nate Butler created 3 years ago

- Changed player 3 color to be less similar to player 1

Change summary

crates/zed/assets/themes/dark.json  |  6 +++---
crates/zed/assets/themes/light.json | 26 +++++++++++++-------------
styles/src/themes/dark.ts           |  4 ++--
styles/src/themes/light.ts          | 10 +++++-----
4 files changed, 23 insertions(+), 23 deletions(-)

Detailed changes

crates/zed/assets/themes/dark.json

@@ -240,7 +240,7 @@
       "height": 32,
       "background": "#2b2b2b",
       "share_icon_color": "#9c9c9c",
-      "share_icon_active_color": "#1096d3",
+      "share_icon_active_color": "#2472f2",
       "title": {
         "family": "Zed Sans",
         "color": "#f1f1f1",
@@ -351,8 +351,8 @@
         "selection": "#79ba164d"
       },
       {
-        "cursor": "#484bed",
-        "selection": "#484bed4d"
+        "cursor": "#d430e0",
+        "selection": "#d430e04d"
       },
       {
         "cursor": "#ee670a",

crates/zed/assets/themes/light.json

@@ -109,7 +109,7 @@
     "tab": {
       "height": 32,
       "background": "#f1f1f1",
-      "icon_close": "#555555",
+      "icon_close": "#717171",
       "icon_close_active": "#000000",
       "icon_conflict": "#f7bf17",
       "icon_dirty": "#135acd",
@@ -135,7 +135,7 @@
     "active_tab": {
       "height": 32,
       "background": "#ffffff",
-      "icon_close": "#555555",
+      "icon_close": "#717171",
       "icon_close_active": "#000000",
       "icon_conflict": "#f7bf17",
       "icon_dirty": "#135acd",
@@ -168,7 +168,7 @@
       },
       "item": {
         "height": 32,
-        "icon_color": "#717171",
+        "icon_color": "#555555",
         "icon_size": 18
       },
       "active_item": {
@@ -193,7 +193,7 @@
       },
       "item": {
         "height": 32,
-        "icon_color": "#717171",
+        "icon_color": "#555555",
         "icon_size": 18
       },
       "active_item": {
@@ -239,7 +239,7 @@
       "avatar_width": 18,
       "height": 32,
       "background": "#e3e3e3",
-      "share_icon_color": "#717171",
+      "share_icon_color": "#555555",
       "share_icon_active_color": "#1179a8",
       "title": {
         "family": "Zed Sans",
@@ -281,7 +281,7 @@
         }
       },
       "offline_icon": {
-        "color": "#717171",
+        "color": "#555555",
         "width": 16,
         "padding": {
           "right": 4
@@ -328,7 +328,7 @@
     "text_color": "#2b2b2b",
     "background": "#ffffff",
     "active_line_background": "#f1f1f1",
-    "code_actions_indicator": "#717171",
+    "code_actions_indicator": "#555555",
     "diff_background_deleted": "#fcc6c6",
     "diff_background_inserted": "#b7f9ce",
     "document_highlight_read_background": "#14a89829",
@@ -351,8 +351,8 @@
         "selection": "#79ba164d"
       },
       {
-        "cursor": "#484bed",
-        "selection": "#484bed4d"
+        "cursor": "#d430e0",
+        "selection": "#d430e04d"
       },
       {
         "cursor": "#ee670a",
@@ -708,7 +708,7 @@
     },
     "entry": {
       "height": 22,
-      "icon_color": "#555555",
+      "icon_color": "#717171",
       "icon_size": 8,
       "icon_spacing": 8,
       "text": {
@@ -720,7 +720,7 @@
     "hovered_entry": {
       "height": 22,
       "background": "#e3e3e3",
-      "icon_color": "#555555",
+      "icon_color": "#717171",
       "icon_size": 8,
       "icon_spacing": 8,
       "text": {
@@ -731,7 +731,7 @@
     },
     "selected_entry": {
       "height": 22,
-      "icon_color": "#555555",
+      "icon_color": "#717171",
       "icon_size": 8,
       "icon_spacing": 8,
       "text": {
@@ -743,7 +743,7 @@
     "hovered_selected_entry": {
       "height": 22,
       "background": "#e3e3e3",
-      "icon_color": "#555555",
+      "icon_color": "#717171",
       "icon_size": 8,
       "icon_spacing": 8,
       "text": {

styles/src/themes/dark.ts

@@ -80,7 +80,7 @@ const iconColor = {
     placeholder: colors.neutral[700],
     active: colors.neutral[0],
     //TODO: (design) define feature and it's correct value
-    feature: colors.sky[500],
+    feature: colors.blue[500],
     ok: colors.green[600],
     error: colors.red[500],
     warning: colors.amber[400],
@@ -90,7 +90,7 @@ const iconColor = {
 const player = {
     1: buildPlayer(colors.blue[500]),
     2: buildPlayer(colors.lime[500]),
-    3: buildPlayer(colors.indigo[500]),
+    3: buildPlayer(colors.fuschia[500]),
     4: buildPlayer(colors.orange[500]),
     5: buildPlayer(colors.purple[500]),
     6: buildPlayer(colors.teal[400]),

styles/src/themes/light.ts

@@ -73,10 +73,10 @@ const textColor = {
 };
 
 const iconColor = {
-    primary: colors.neutral[300],
-    secondary: colors.neutral[500],
-    muted: colors.neutral[600],
-    placeholder: colors.neutral[700],
+    primary: colors.neutral[700],
+    secondary: colors.neutral[600],
+    muted: colors.neutral[500],
+    placeholder: colors.neutral[300],
     active: colors.neutral[900],
     feature: colors.sky[600],
     ok: colors.green[600],
@@ -88,7 +88,7 @@ const iconColor = {
 const player = {
     1: buildPlayer(colors.blue[500]),
     2: buildPlayer(colors.lime[500]),
-    3: buildPlayer(colors.indigo[500]),
+    3: buildPlayer(colors.fuschia[500]),
     4: buildPlayer(colors.orange[500]),
     5: buildPlayer(colors.purple[500]),
     6: buildPlayer(colors.teal[400]),