menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Theia

Eclipse Theia - Cloud & Desktop IDE

Channels
Team

css vars for the theme which can be used in the widgets

December 26, 2019 at 11:01am

css vars for the theme which can be used in the widgets

December 26, 2019 at 11:01am
I have extracted these css vars from the html, are these the only vars or can I get another comprehensive lists of them ?
--theia-foreground
--theia-errorForeground
--theia-descriptionForeground
--theia-focusBorder
--theia-textSeparator-foreground
--theia-textLink-foreground
--theia-textLink-activeForeground
--theia-textPreformat-foreground
--theia-textBlockQuote-background
--theia-textBlockQuote-border
--theia-textCodeBlock-background
--theia-widget-shadow
--theia-input-background
--theia-input-foreground
--theia-inputOption-activeBorder
--theia-inputOption-activeBackground
--theia-input-placeholderForeground
--theia-inputValidation-infoBackground
--theia-inputValidation-infoBorder
--theia-inputValidation-warningBackground
--theia-inputValidation-warningBorder
--theia-inputValidation-errorBackground
--theia-inputValidation-errorBorder
--theia-dropdown-background
--theia-dropdown-foreground
--theia-dropdown-border
--theia-checkbox-background
--theia-checkbox-foreground
--theia-checkbox-border
--theia-list-focusBackground
--theia-list-activeSelectionBackground
--theia-list-activeSelectionForeground
--theia-list-inactiveSelectionBackground
--theia-list-hoverBackground
--theia-list-dropBackground
--theia-list-highlightForeground
--theia-list-invalidItemForeground
--theia-list-errorForeground
--theia-list-warningForeground
--theia-listFilterWidget-background
--theia-listFilterWidget-outline
--theia-listFilterWidget-noMatchesOutline
--theia-tree-indentGuidesStroke
--theia-pickerGroup-foreground
--theia-pickerGroup-border
--theia-button-foreground
--theia-button-background
--theia-button-hoverBackground
--theia-badge-background
--theia-badge-foreground
--theia-scrollbar-shadow
--theia-scrollbarSlider-background
--theia-scrollbarSlider-hoverBackground
--theia-scrollbarSlider-activeBackground
--theia-progressBar-background
--theia-menu-foreground
--theia-menu-background
--theia-menu-selectionForeground
--theia-menu-selectionBackground
--theia-menu-separatorBackground
--theia-editorError-foreground
--theia-editorWarning-foreground
--theia-editorInfo-foreground
--theia-editorHint-foreground
--theia-editor-background
--theia-editor-foreground
--theia-editorWidget-background
--theia-editorWidget-foreground
--theia-editorWidget-border
--theia-editor-selectionBackground
--theia-editor-inactiveSelectionBackground
--theia-editor-selectionHighlightBackground
--theia-editor-findMatchBackground
--theia-editor-findMatchHighlightBackground
--theia-editor-findRangeHighlightBackground
--theia-editor-hoverHighlightBackground
--theia-editorHoverWidget-background
--theia-editorHoverWidget-border
--theia-editorHoverWidget-statusBarBackground
--theia-editorLink-activeForeground
--theia-diffEditor-insertedTextBackground
--theia-diffEditor-removedTextBackground
--theia-editor-snippetTabstopHighlightBackground
--theia-editor-snippetFinalTabstopHighlightBorder
--theia-breadcrumb-foreground
--theia-breadcrumb-background
--theia-breadcrumb-focusForeground
--theia-breadcrumb-activeSelectionForeground
--theia-breadcrumbPicker-background
--theia-merge-currentHeaderBackground
--theia-merge-currentContentBackground
--theia-merge-incomingHeaderBackground
--theia-merge-incomingContentBackground
--theia-merge-commonHeaderBackground
--theia-merge-commonContentBackground
--theia-editorOverviewRuler-currentContentForeground
--theia-editorOverviewRuler-incomingContentForeground
--theia-editorOverviewRuler-commonContentForeground
--theia-editorOverviewRuler-findMatchForeground
--theia-editorOverviewRuler-selectionHighlightForeground
--theia-minimap-findMatchHighlight
--theia-editor-lineHighlightBorder
--theia-editor-rangeHighlightBackground
--theia-editorCursor-foreground
--theia-editorWhitespace-foreground
--theia-editorIndentGuide-background
--theia-editorIndentGuide-activeBackground
--theia-editorLineNumber-foreground
--theia-editorActiveLineNumber-foreground
--theia-editorLineNumber-activeForeground
--theia-editorRuler-foreground
--theia-editorCodeLens-foreground
--theia-editorBracketMatch-background
--theia-editorBracketMatch-border
--theia-editorOverviewRuler-border
--theia-editorGutter-background
--theia-editorUnnecessaryCode-opacity
--theia-editorOverviewRuler-rangeHighlightForeground
--theia-editorOverviewRuler-errorForeground
--theia-editorOverviewRuler-warningForeground
--theia-editorOverviewRuler-infoForeground
--theia-editorOverviewRuler-bracketMatchForeground
--theia-editorSuggestWidget-background
--theia-editorSuggestWidget-border
--theia-editorSuggestWidget-foreground
--theia-editorSuggestWidget-selectedBackground
--theia-editorSuggestWidget-highlightForeground
--theia-editor-wordHighlightBackground
--theia-editor-wordHighlightStrongBackground
--theia-editorOverviewRuler-wordHighlightForeground
--theia-editorOverviewRuler-wordHighlightStrongForeground
--theia-peekViewTitle-background
--theia-peekViewTitleLabel-foreground
--theia-peekViewTitleDescription-foreground
--theia-peekView-border
--theia-peekViewResult-background
--theia-peekViewResult-lineForeground
--theia-peekViewResult-fileForeground
--theia-peekViewResult-selectionBackground
--theia-peekViewResult-selectionForeground
--theia-peekViewEditor-background
--theia-peekViewEditorGutter-background
--theia-peekViewResult-matchHighlightBackground
--theia-peekViewEditor-matchHighlightBackground
--theia-editorMarkerNavigationError-background
--theia-editorMarkerNavigationWarning-background
--theia-editorMarkerNavigationInfo-background
--theia-editorMarkerNavigation-background

December 26, 2019 at 2:25pm
you can get a list of all registered colors programmatically ColorRegistry.getColors
like-fill
1
variables which don't have values in the current theme won't appear as css variables