@theia/core/src/electron-browser/style/window-zoom-action-bar.css

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

/********************************************************************************
 * Copyright (C) 2026 EclipseSource 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
 ********************************************************************************/

.window-zoom-action-bar {
    display: flex;
    align-items: center;
    gap: calc(var(--theia-ui-padding) / 3);
    line-height: 1;
}

.window-zoom-action-bar .codicon {
    font-size: inherit;
}

.window-zoom-display {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5em;
    padding: calc(var(--theia-ui-padding) / 3);
    cursor: default;
    user-select: none;
}

.window-zoom-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--theia-ui-padding) / 3);
    border-radius: calc(var(--theia-ui-padding) / 2);
    white-space: nowrap;
}

.window-zoom-button:hover {
    background-color: var(--theia-toolbar-hoverBackground);
}

.window-zoom-button:focus-visible {
    outline: 1px solid var(--theia-focusBorder);
}

#status-bar-window-zoom-status {
    padding-inline: calc(var(--theia-ui-padding) * 2 / 3);
}