[WIP] カラー+スタイルの調整 [HCT版]

[romot-co]

内容

• 各カラーの定義を調整(MD3のDynamicSchemeを使い生成)
• 各スタイルの調整

※ 詳細別途追記

関連 Issue

ref #1810
close #1810

スクリーンショット・動画など

カスタマイズ:
sourceColor: #00cde1, variant: fidelity, contrast: +0.1, neutral chroma: 0, neutralVariant chroma 8

その他

若干差分が大きいため、いったんプルリクにいたします

[sevenc-nanashi]

軽く触ってみた感想です。（個人の感想、実際にこれで解決するかは試してないです）

• ツールバーが窮屈っぽく感じる、特に左右（トークと比べると分かりやすい）

  • キャラ名とスタイルの余白、BPMとかのフィールドの上下の余白はちょっと削れそう？
    
    

• 鍵盤に若干Disabled感がありそう

  • 鍵盤の線をもうちょっと濃くすれば良さそう？

• デフォルトの太さが若干変わってそう（トーク含め）

• スタイル書き換えまくるよりradix-vueあたりで書き直した方が幸せになれそう（どうだろう）

  • これやると差分がとんでもなく大きくなりそう

• pxとかの幅は/styles/variables.scssで書いて計算した方がわかりやすいかも

• デザインはめちゃくちゃ好き

[romot-co]

@sevenc-nanashi
ありがとうございます！

ツールバーが窮屈っぽく感じる、特に左右
キャラ名とスタイルの余白、BPMとかのフィールドの上下の余白はちょっと削れそう？

こちら修正してみますね！(小さくできるのであればスペースの問題考えてもよさそう

デフォルトの太さが若干変わってそう（トーク含め）

ほんとでした！medium-weightを有効にしたのが問題っぽいので元にあわせます！

スタイル書き換えまくるよりradix-vueあたりで書き直した方が幸せになれそう

Quasar変更だとだいぶきつい感があるので、可能であればRadixにしたい…

pxとかの幅は/styles/variables.scssで書いて計算した方がわかりやすいかも

これはおっしゃるとおりどっかで一元管理したほうがよさそう！