@charset "utf-8";

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

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

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

    --tab-group-orange : #008000 !important;
    --tab-group-orange-pale : var(--tab-group-orange) !important;
    --tab-group-orange-invert : var(--tab-group-orange) !important;

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

    --tab-group-pink : #506070 !important;
    --tab-group-pink-pale : var(--tab-group-pink) !important;
    --tab-group-pink-invert : var(--tab-group-pink) !important;

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

    --tab-group-gray : #c000a0 !important;
    --tab-group-gray-pale : var(--tab-group-gray) !important;
    --tab-group-gray-invert : var(--tab-group-gray) !important;

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

.tab-group-label {
    color : #ffffff !important;
}

/* タブグループ編集画面のラベル色のツールチップを非表示（マウスオーバーを無効化）*/
.tab-group-editor-swatch:hover {
    pointer-events : none !important;
}