Style diagnostic header's border in light and dark theme

Antonio Scandurra and Nathan Sobo created 4 years ago

Co-Authored-By: Nathan Sobo <nathan@zed.dev>

Change summary

crates/zed/assets/themes/_base.toml | 2 +-
crates/zed/assets/themes/black.toml | 1 +
crates/zed/assets/themes/dark.toml  | 1 +
crates/zed/assets/themes/light.toml | 1 +
4 files changed, 4 insertions(+), 1 deletion(-)

Detailed changes

crates/zed/assets/themes/_base.toml 🔗

@@ -258,7 +258,7 @@ path = { extends = "$text.2", size = 14, margin.left = 12 }
 text_scale_factor = 0.857
 
 [editor.diagnostic_header]
-border = { width = 1, top = true, bottom = true, color = "#ffffff1c" }
+border = { width = 1, top = true, bottom = true, color = "$border.1" }
 code = { extends = "$text.2", size = 14, margin.left = 10 }
 icon_width_factor = 1.5
 text_scale_factor = 0.857

crates/zed/assets/themes/black.toml 🔗

@@ -7,6 +7,7 @@ extends = "_base"
 
 [border]
 0 = "#000000B2"
+1 = "#FFFFFF16"
 
 [text]
 0 = { extends = "$text.base", color = "#ffffff" }

crates/zed/assets/themes/dark.toml 🔗

@@ -7,6 +7,7 @@ extends = "_base"
 
 [border]
 0 = "#1B222B"
+1 = "#FFFFFF16"
 
 [text]
 0 = { extends = "$text.base", color = "#FFFFFF" }

crates/zed/assets/themes/light.toml 🔗

@@ -7,6 +7,7 @@ extends = "_base"
 
 [border]
 0 = "#DDDDDC"
+1 = "#0000000F"
 
 [text]
 0 = { extends = "$text.base", color = "#000000" }