@charset "utf-8";

/* タブグループのラベルの色を変更（ライトモード時のみ）、展開時と折畳時を同じ配色に */
:root {
    --tab-group-color-blue : light-dark(#4090ff, var(--tab-group-color-blue-invert)) !important;
    --tab-group-color-blue-pale : var(--tab-group-color-blue) !important;

    --tab-group-color-purple : light-dark(#0050c0, var(--tab-group-color-purple-invert)) !important;
    --tab-group-color-purple-pale : var(--tab-group-color-purple) !important;

    --tab-group-color-cyan : light-dark(#0090c0, var(--tab-group-color-cyan-invert)) !important;
    --tab-group-color-cyan-pale : var(--tab-group-color-cyan) !important;

    --tab-group-color-orange : light-dark(#008000, var(--tab-group-color-orange-invert)) !important;
    --tab-group-color-orange-pale : var(--tab-group-color-orange) !important;

    --tab-group-color-yellow : light-dark(#70b000, var(--tab-group-color-yellow-invert)) !important;
    --tab-group-color-yellow-pale : var(--tab-group-color-yellow) !important;

    --tab-group-color-pink : light-dark(#506070, var(--tab-group-color-pink-invert)) !important;
    --tab-group-color-pink-pale : var(--tab-group-color-pink) !important;

    --tab-group-color-green : light-dark(#5000d0, var(--tab-group-color-green-invert)) !important;
    --tab-group-color-green-pale : var(--tab-group-color-green) !important;

    --tab-group-color-gray : light-dark(#c000a0, var(--tab-group-color-gray-invert)) !important;
    --tab-group-color-gray-pale : var(--tab-group-color-gray) !important;

    --tab-group-color-red : light-dark(#b00030, var(--tab-group-color-red-invert)) !important;
    --tab-group-color-red-pale : var(--tab-group-color-red) !important;
}

.tab-group-label {
    color : light-dark(#ffffff, var(--tab-group-label-text-dark)) !important;
}

/* タブグループ編集画面のラベル色のツールチップを非表示（色を独自設定したため） */
.tab-group-editor-swatch:hover {
    pointer-events : none !important;
}