cakecatz / flex-toolbar

Easily Customizable Toolbar for Atom
https://atom.io/packages/flex-tool-bar
MIT License
74 stars 11 forks source link

Update the type 'spacer' and add the ability to change color for compatibility with dark styles #264

Closed artctv closed 2 years ago

artctv commented 2 years ago

Hello! Is it possible to change the style that the spacer is assigned to in order to be able to assign it a certain color? Dark color is poorly compatible with dark atom interfaces: image

The only way that color changes:

.tool-bar {

   &[class*='tool-bar-'] {
      .tool-bar-spacer {
         border: 0.05em solid #ffffff;
         opacity: 40%;
      }
   }
}

With this style: image But, i think this is very strange

UziTech commented 2 years ago

You could use !important if you don't want the &[class... but that is how you should change the color.

artctv commented 2 years ago

I'm not that good at js and css, but it seems that the spacer is not made by such an element that can change color, or am I wrong?

UziTech commented 2 years ago

That would have to be changed in the tool-bar package. flex-toolbar just sends the configuration to that package to actually create the buttons and spacers.

artctv commented 2 years ago

@UziTech Thank you, I got it!