The breeze from cammisuli

Hi there 👋

breeze's People

Contributors

Stargazers

Watchers

breeze's Issues

CSS value color

Hi! The color of alphabetical values in CSS isn't distinguished from the color of properties; not sure if this is by design, however most color themes I've come across tend to give them different colors for better separation.

Add Angular token colors

 "[Cammisuli Theme]": {
      "textMateRules": [
        {
          "name": "ngTemplate",
          "scope": "entity.other.ng-binding-name.template.html",
          "settings": {
            "foreground": "#e2ad5e"
          }
        },
        {
          "name": "ngBinding",
          "scope": "entity.other.ng-binding-name.property.html",
          "settings": {
            "foreground": "#e2675e"
          }
        },
        {
          "name": "ngOutput",
          "scope": "entity.other.ng-binding-name.event.html",
          "settings": {
            "foreground": "#7ecc25"
          }
        },
        {
          "name": "customelement",
          "scope": [
            "meta.tag.custom.start.html",
            "meta.tag.custom.end.html",
            "meta.tag.custom.start.html entity.name.tag.html",
            "meta.tag.custom.end.html entity.name.tag.html"
          ],
          "settings": {
            "foreground": "#95999e"
          }
        }
      ]
    },
    "[Cammisuli Theme Light]": {
      "textMateRules": [
        {
          "name": "ngTemplate",
          "scope": "entity.other.ng-binding-name.template.html",
          "settings": {
            "foreground": "#e2ad5e"
          }
        },
        {
          "name": "ngBinding",
          "scope": "entity.other.ng-binding-name.property.html",
          "settings": {
            "foreground": "#e2675e"
          }
        },
        {
          "name": "ngOutput",
          "scope": "entity.other.ng-binding-name.event.html",
          "settings": {
            "foreground": "#7ecc25"
          }
        },
        {
          "name": "customelement",
          "scope": [
            "meta.tag.custom.start.html",
            "meta.tag.custom.end.html",
            "meta.tag.custom.start.html entity.name.tag.html",
            "meta.tag.custom.end.html entity.name.tag.html"
          ],
          "settings": {
            "foreground": "#064bbb"
          }
        }
        //meta.tag.custom.start.html

        // entity.other.ng-binding-name.property.html
        // {
        //   "name": "ngIF",
        //   "scope": "entity",
        //   "settings": {
        //     "foreground": "#BADA55"
        //   }
        // }
      ]
    }

Color updates

"[Sunset Breeze]": {
	  "titleBar.border": "#ccbe9c",
      "sideBarSectionHeader.background": "#E6E0C3"
    },

 "editor.tokenColorCustomizations": {
    "[Cool Breeze]": {
      "textMateRules": [
        {
          "scope": "meta.decorator entity.name.function, punctuation.decorator",
          "settings": {
            "fontStyle": "italic",
            "foreground": "#53c2c2"
          }
        }
      ]
    },
    "[Sunset Breeze]": {
      "textMateRules": [
        {
          "scope": "meta.decorator entity.name.function, punctuation.decorator",
          "settings": {
            "fontStyle": "italic"
          }
        }
      ]
    },
    "[Warm Breeze]": {
      "strings": "#cb9662",
      "textMateRules": [
        {
          "scope": "meta.decorator entity.name.function, punctuation.decorator",
          "settings": {
            "fontStyle": "italic"
          }
        }
      ]
    }
  },

Recommend Projects