Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【相談】[ タブ ] 背景が暗い場合の非アクティブなタブが見えない #2376

Open
mtdkei opened this issue Dec 18, 2024 · 1 comment

Comments

@mtdkei
Copy link
Contributor

mtdkei commented Dec 18, 2024

背景が暗い場合のタブブロックですが、非アクティブタブが見えない状態になるというご報告がありました。

https://vws.vektor-inc.co.jp/forums/topic/%e3%82%bf%e3%83%96%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%81%ae%e9%9d%9e%e3%82%a2%e3%82%af%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e3%82%bf%e3%83%96%e3%81%8c%e8%a6%8b%e3%81%88%e3%81%aa%e3%81%84

現状、CSSで--vk-color-bg-inactive: rgba(0, 0, 0, .08);のように書いているため、背景が暗い場合の対応ができてません。

:root {
    --vk-color-border: rgba(0, 0, 0, .12);
    --vk-color-bg-accent-wh: rgba(255, 255, 255, 0.65);
    --vk-color-bg-inactive: rgba(0, 0, 0, .08);
    --default-color: #337ab7;
}
@mtdkei mtdkei changed the title 背景が暗い場合のタブブロックの対応について [ タブ ] 背景が暗い場合の非アクティブなタブが見えない Dec 18, 2024
@mtdkei
Copy link
Contributor Author

mtdkei commented Dec 18, 2024

とはいえ背景色が濃い場合の対応って広範囲なのなのでタブブロックに限らずなところもある気がしてきました。
JSでbodyのカラーを監視するか、--vk-color-bg-inactiveのカラーをeditで書き換えられるかで対応する感じでしょうかね。

@mtdkei mtdkei changed the title [ タブ ] 背景が暗い場合の非アクティブなタブが見えない 【相談】[ タブ ] 背景が暗い場合の非アクティブなタブが見えない Dec 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants