@theia/core/src/browser/style/symbol-icon.css

Theia is a cloud & desktop IDE framework implemented in TypeScript.

/********************************************************************************
 * Copyright (C) 2025 TypeFox and others.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * This Source Code may also be made available under the following Secondary
 * Licenses when the conditions for such availability set forth in the Eclipse
 * Public License v. 2.0 are satisfied: GNU General Public License, version 2
 * with the GNU Classpath Exception which is available at
 * https://www.gnu.org/software/classpath/license.html.
 *
 * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 ********************************************************************************/

/*
  We need to explicitly select the specific panels
  Otherwise, the codicon styles are applied to all codicons in the application.
  This leads to issues in the side panels, where the codicons are supposed to use the foreground color.
 */


:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-array {
    color: var(--theia-symbolIcon-arrayForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-boolean {
    color: var(--theia-symbolIcon-booleanForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-class {
    color: var(--theia-symbolIcon-classForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-method {
    color: var(--theia-symbolIcon-methodForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-color {
    color: var(--theia-symbolIcon-colorForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-constant {
    color: var(--theia-symbolIcon-constantForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-constructor {
    color: var(--theia-symbolIcon-constructorForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-value,
:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-enum {
    color: var(--theia-symbolIcon-enumeratorForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-enum-member {
    color: var(--theia-symbolIcon-enumeratorMemberForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-event {
    color: var(--theia-symbolIcon-eventForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-field {
    color: var(--theia-symbolIcon-fieldForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-file {
    color: var(--theia-symbolIcon-fileForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-folder {
    color: var(--theia-symbolIcon-folderForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-function {
    color: var(--theia-symbolIcon-functionForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-interface {
    color: var(--theia-symbolIcon-interfaceForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-key {
    color: var(--theia-symbolIcon-keyForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-keyword {
    color: var(--theia-symbolIcon-keywordForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-module {
    color: var(--theia-symbolIcon-moduleForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-namespace {
    color: var(--theia-symbolIcon-namespaceForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-null {
    color: var(--theia-symbolIcon-nullForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-number {
    color: var(--theia-symbolIcon-numberForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-object {
    color: var(--theia-symbolIcon-objectForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-operator {
    color: var(--theia-symbolIcon-operatorForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-package {
    color: var(--theia-symbolIcon-packageForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-property {
    color: var(--theia-symbolIcon-propertyForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-reference {
    color: var(--theia-symbolIcon-referenceForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-snippet {
    color: var(--theia-symbolIcon-snippetForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-string {
    color: var(--theia-symbolIcon-stringForeground);
}


:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-struct {
    color: var(--theia-symbolIcon-structForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-text {
    color: var(--theia-symbolIcon-textForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-type-parameter {
    color: var(--theia-symbolIcon-typeParameterForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-unit {
    color: var(--theia-symbolIcon-unitForeground);
}

:is(#theia-main-content-panel,
    #theia-left-side-panel,
    #theia-right-side-panel,
    #theia-bottom-content-panel) .codicon.codicon-symbol-variable {
    color: var(--theia-symbolIcon-variableForeground);
}