Update light theme, change player 3 color

- Changed player 3 color to be less similar to player 1
This commit is contained in:
Nate Butler 2022-04-05 18:23:01 -04:00
parent d21dea6112
commit 35f56708f5
4 changed files with 23 additions and 23 deletions

View file

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

View file

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

View file

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

View file

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