#Nova icon themes steampunk series#

The following CSS attributes are supported for buttons:įor backgrounds and borders, CSS gradients are supported. : For toggle buttons in the “on” state that are being held down by the userįor any of these selectors, adding the document identifier specifies that the appearance should be applied to buttons appearing in document tabs, such as.: For toggle buttons in the “on” state.: A button that is being held down by the user.meta.button: The standard, un-highlighted state of a button.Inactive title bars should generally use a flat color for their appearance (not a gradient)īuttons are styled using the following CSS selectors:.Supports the same attributes as the normal title bar selector.: The attributes for an inactive window title bar border-color: the color for the title bar’s bottom separator, and separators between toolbar items.background, background-color: the background color or CSS gradient used for the title bar.color: the text color of window toolbar items.Meta.titlebar: Used to set attributes of the window title bar border-color: the color for separators and borders in the window (such as split dividers).background-color: the background color of the window.Meta.window: Used to set base attributes of the window The following selectors can be used to style specific parts of the window chrome: Themes can style the window and base content using CSS selectors that begin with the meta identifier, targeting elements such as buttons and text fields. -theme-accent-color: whether certain UI elements should use the system accent color instead of theme-specified colors for active state, such as selected buttons ( true or false, with false being the default).Vibrancy should be used sparingly, and only for themes that shift closely to either a light or dark unsaturated theme. -theme-vibrancy: whether sidebars and other elements use vibrancy ( vibrant or none, with none being the default).-theme-interface-style: the interface style of the theme ( light or dark, with light being the default).The following attributes are supported for the plain meta selector: The plain meta selector is used to describe attributes of the theme itself, such as its preferred appearance (light or dark), which affects certain heuristics in the theme engine. To help when building a theme, you can use the Syntax Inspector to see which syntax highlighting selectors are active for specific regions of text. Themes are stored within a Themes folder at the root of the extension bundle, and should have a. While these look like an element + class name selector typical to CSS, the identifiers in theme selectors are all classes, and even the order does not matter (although following convention is encouraged).

#Nova icon themes steampunk series#

Unlike in regular CSS files, theme files only support class-like selectors expressed as a series of identifiers separated by periods, such as identifier.function and. These themes are written as special CSS files that define the styling attributes to apply to widgets, content, and syntax highlighting. An extension can add additional themes that the user can set for the editor, the workspace window, or both.