現在「ユーザースタイルシート」でロック&保護しているタブの色を

.protected {
background-color: #dcdcdc;
}
.locked {
background-color: #c0c0c0;
}

こんな感じで指定してるんだけど、ロック&保護していない通常のタブの色を、「タブのデザイン」の規定で指定すると、「ユーザースタイルシート」で指定した色が「タブのデザイン」で指定した色に上書きされてしまう。
ロック&保護しているタブの色変更を優先しつつ、それ以外の通常タブの色を変更させる方法ってありますか？