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

#1755 ダークモード対応(初期調整) #1796

Merged
merged 5 commits into from
Jan 31, 2024

Conversation

romot-co
Copy link
Contributor

@romot-co romot-co commented Jan 30, 2024

内容

  • ソングエディタのダークモード対応

関連 Issue

ref #1755
close #1755

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

スクリーンショット 2024-01-30 17 50 38 スクリーンショット 2024-01-30 17 50 59

その他

  • 初期リリース時対応用
  • 色は仮(のちほど相談後、全体とあわせられればと思います)
  • シンガーが表示されていないのは手元環境のため、本来表示されます

※ 昼頃また調整できればと思いますが、時間がなかった場合のためプルリク作成

@romot-co romot-co requested a review from a team as a code owner January 30, 2024 00:55
@romot-co romot-co requested review from Hiroshiba and removed request for a team January 30, 2024 00:55
Copy link
Member

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

とりあえずコード周りだけ見させていただきました!!
ほぼLGTMかなと!!

Comment on lines 17 to 22
"sequencer-white-cell": "#393939",
"sequencer-black-cell": "#2D2D2D",
"sequencer-main-divider": "#121212",
"sequencer-sub-divider": "#333333",
"sequencer-white-key": "#EEEEEE",
"sequencer-black-key": "#555555"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

あ、そういえばここに色と役割の対応表をなんとなく作ってたんでした!
もしよかったら書き足していただけると 🙏
https://github.com/VOICEVOX/voicevox/blob/27867b3784f02360246debc5d0c7ce0e502d3bb8/docs/%E8%89%B2%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.md

public/themes/dark.json Outdated Show resolved Hide resolved
public/themes/default.json Outdated Show resolved Hide resolved
src/components/Sing/ScoreSequencer.vue Outdated Show resolved Hide resolved
@romot-co
Copy link
Contributor Author

スナップグリッドと拍グリッドで色変える必要あり

Copy link
Contributor

@sigprogramming sigprogramming left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTMです!!
ダークモード対応ありがとうございます!

y2="100%"
stroke-width="1"
class="sequencer-grid-measure-line"
/>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここを消したことで、sequencer-grid-measure-lineがほぼ1pxで表示されるようになっていますが、sequencer-ruler-measure-lineは2pxになっていて少しずれて見えるので、1pxか2pxに合わせたほうが良いかもと思いました!(細かいですが…)
sequencer-ruler-measure-linex1x2を+0.5すると1pxに合わせられます)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@romot-co
後で調整・今調整・議論するなどありそうですがどうするのが良さそうでしょうか 👀
(リリースに含めるかどうしようかなと)

Copy link
Contributor Author

@romot-co romot-co Jan 31, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Hiroshiba
あとで調整できればと思います…!(のちほど行いたいですが、このIssue初期リリース対応なので&実用上問題なさそうなため

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

承知しました!!

Copy link
Member

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!

@Hiroshiba Hiroshiba merged commit e4a9623 into main Jan 31, 2024
18 checks passed
@Hiroshiba Hiroshiba deleted the feature/1755_sequencer_dark_mode branch January 31, 2024 06:56
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

Successfully merging this pull request may close these issues.

[project-s] 鍵盤・シーケンサーのテーマ・ダークモード対応
3 participants