atom/solarized-dark-syntax

Consider making gutter and background the same color

Closed this issue · 5 comments

Another subjective suggestion. Having the gutter a different color is distracting.

diff --git a/stylesheets/syntax-variables.less b/stylesheets/syntax-variables.less
index eb07f24..2e7848f 100644
--- a/stylesheets/syntax-variables.less
+++ b/stylesheets/syntax-variables.less
@@ -21,8 +21,8 @@
// Gutter colors
@syntax-gutter-text-color: @base0;
@syntax-gutter-text-color-selected: @syntax-gutter-text-color;
-@syntax-gutter-background-color: @Base02;
-@syntax-gutter-background-color-selected: @base01;
+@syntax-gutter-background-color: @Base03;
+@syntax-gutter-background-color-selected: @Base02;

// For git diff info. i.e. in the gutter
@syntax-color-renamed: @blue;

Thanks, I think we're going to keep the gutter the same way it is. You can modify the gutter color in your styles.less:

@import "syntax-colors";

.editor .gutter {
  background-color: @syntax-background-color;
}

@benogle I've just tried your suggestion, and it doesn't seem to be overriding the default colour.

Ah, it was an error with syntax-colors

For anyone else that finds this issue, the following works:

@import "syntax-variables";

.editor .gutter {
  background-color: @syntax-background-color;
}

Sorry about the disinformation! Names of things are hard to remember.

I don't know if things have changed since 2014 but I had to use:

@import "syntax-variables";

atom-text-editor::shadow .gutter {
  background-color: @syntax-background-color;
}