Skip to content

improve: [1096] 譜面明細子画面、FrzReturn用ゲージのCSSカスタムプロパティを分離#2119

Merged
cwtickle merged 2 commits into
developfrom
feature/1096-css
May 17, 2026
Merged

improve: [1096] 譜面明細子画面、FrzReturn用ゲージのCSSカスタムプロパティを分離#2119
cwtickle merged 2 commits into
developfrom
feature/1096-css

Conversation

@cwtickle
Copy link
Copy Markdown
Owner

🔨 変更内容 / Details of Changes

1. 譜面明細子画面、FrzReturn用ゲージのCSSカスタムプロパティを分離

  • 譜面明細子画面、FrzReturn用ゲージのCSSカスタムプロパティを新たに作成し、分離しました。
  • 従来のカスタムプロパティを参照しているため、skin用のcssはフォーマットの変更のみで
    入れ替えは必須ではありません。
  • 追加したクラスと、対応するカスタムプロパティは次の通りです。
.life_frzNormal {
	background: var(--life-frz-normal, var(--main-stepShobon, #ccccff));
}
.life_frzActive {
	background: var(--life-frz-active, var(--main-stepMatari, #ff9966));
}
.common_auto {
	color: var(--common-auto, var(--common-kita, #ffff99));
}
.common_shuffle {
	color: var(--settings-shuffle-x, var(--common-iknai, #99ff66));
}
.common_assist {
	color: var(--settings-assist-x, var(--common-kita, #ffff99));
}
.common_another {
	color: var(--settings-another-x, var(--common-ii, #66ffff));
}

🔖 関連Issue, 変更理由 / Related Issues, Reason for Changes

  1. 今後、色を分離するときに便利であるため。

📷 スクリーンショット / Screenshot

📝 その他コメント / Other Comments

@cwtickle cwtickle added func10:Settings 設定画面全般 func20:Main プレイ画面全般 labels May 17, 2026
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 17, 2026

Review Change Stack

Warning

Rate limit exceeded

@cwtickle has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 54 minutes and 45 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 26ad23d8-959e-40ee-a172-da7ce6c577dc

📥 Commits

Reviewing files that changed from the base of the PR and between 6540bd8 and dc8989c.

📒 Files selected for processing (3)
  • skin/danoni_skin_default.css
  • skin/danoni_skin_light.css
  • skin/danoni_skin_skyblue.css
📝 Walkthrough

Walkthrough

This PR renames and introduces dedicated CSS classes for the FrzReturn frozen-life-gauge states and result-screen common label colors. New selectors are added to the main stylesheet, class assignments are updated in JavaScript, the class names are registered in the constants mapping, and skin template placeholders are inserted across all theme files.

Changes

CSS Class Naming Refactor for FrzReturn Life Gauge and Result Labels

Layer / File(s) Summary
New CSS selectors for life gauge and result labels
css/danoni_main.css
Main stylesheet adds .life_frzNormal and .life_frzActive selectors for frozen-life-gauge states with CSS variable and fallback support, plus .common_auto, .common_shuffle, .common_assist, and .common_another selectors for result-screen label colors.
JavaScript class assignments in UI components
js/danoni_main.js
updateSettingSummary() changes "No Records" display class from common_kita to common_auto, result-screen high-score labels switch to common_shuffle/common_assist/common_another, and FrzReturn life gauge lifeBarFrz initial class changes from main_stepShobon to life_frzNormal.
CSS name registration in constants mapping
js/lib/danoni_constants.js
g_cssObj gains new life freeze state entries (life_frzNormal, life_frzActive) and common style variant entries (common_auto, common_shuffle, common_assist, common_another).
Commented CSS variable placeholders in all skins
skin/danoni_skin_default.css, skin/danoni_skin_light.css, skin/danoni_skin_skyblue.css
Each skin file receives matching sets of commented-out CSS variable placeholders for high-score settings (--settings-assist-x, --settings-another-x), auto setting (--common-auto), and FrzReturn life gauge (--life-frz-normal, --life-frz-active) areas.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

  • cwtickle/danoniplus#2030: Both PRs modify the FrzReturn-specific lifeBarFrz handling in js/danoni_main.js (one adds/updates the gauge and trigger timing, the other swaps the gauge's CSS classes to the new life_frzNormal/life_frzActive states).
  • cwtickle/danoniplus#2034: Both PRs touch the FrzReturn/lifegauge logic—main PR switches the life gauge CSS classes to life_frzNormal/life_frzActive (and updates related "common_*" label classes), while PR #2034 refactors the lifegauge update flow to control when those life-gauge classes are applied.
  • cwtickle/danoniplus#2018: Both PRs touch js/danoni_main.js's UI label logic for the settings/results "Shuffle" area—main PR swaps in new common_shuffle/common_assist/common_another classes and common_auto for "No Records", while retrieved PR refactors updateSettingSummary and related shuffle labeling.

Suggested labels

func21:Result

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately describes the main change: separating CSS custom properties for the score-detail sub-screen and FrzReturn gauge.
Description check ✅ Passed The description clearly explains the changes, lists the new classes and their corresponding custom properties, and provides reasoning for the modification.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/1096-css

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

♻️ Duplicate comments (2)
skin/danoni_skin_light.css (1)

73-76: ⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

Fix CSS comment formatting for consistency.

Same formatting issue as in danoni_skin_default.css: commented-out CSS variable placeholders need a space after /* to comply with stylelint rules and match the existing comment style in this file.

🎨 Proposed formatting fix
 	/* 譜面明細子画面: ハイスコア表示 */
-	/*--settings-assist-x: var(--common-kita); */
-	/*--settings-another-x: var(--common-ii); */
+	/* --settings-assist-x: var(--common-kita); */
+	/* --settings-another-x: var(--common-ii); */
 
 	/* ライフゲージ: FrzReturn用 */
-	/*--life-frz-normal: var(--main-stepShobon); */
-	/*--life-frz-active: var(--main-stepMatari); */
+	/* --life-frz-normal: var(--main-stepShobon); */
+	/* --life-frz-active: var(--main-stepMatari); */
 

Also applies to: 123-126

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@skin/danoni_skin_light.css` around lines 73 - 76, The CSS comments containing
commented-out variable placeholders (e.g. "/*--settings-assist-x:
var(--common-kita); */" and "/*--settings-another-x: var(--common-ii); */")
should be reformatted to include a space after the opening /* to match the
file's comment style and satisfy stylelint; update these occurrences (including
the similar ones at the later occurrence around the 123-126 range) so they read
like "/* --settings-... */" with a space after /* and before */ where
appropriate.
skin/danoni_skin_skyblue.css (1)

73-76: ⚠️ Potential issue | 🟡 Minor | ⚡ Quick win

Fix CSS comment formatting for consistency.

Same formatting issue as in the other skin files: commented-out CSS variable placeholders need a space after /* to comply with stylelint rules and maintain consistency.

🎨 Proposed formatting fix
 	/* 譜面明細子画面: ハイスコア表示 */
-	/*--settings-assist-x: var(--common-kita); */
-	/*--settings-another-x: var(--common-ii); */
+	/* --settings-assist-x: var(--common-kita); */
+	/* --settings-another-x: var(--common-ii); */
 
 	/* ライフゲージ: FrzReturn用 */
-	/*--life-frz-normal: var(--main-stepShobon); */
-	/*--life-frz-active: var(--main-stepMatari); */
+	/* --life-frz-normal: var(--main-stepShobon); */
+	/* --life-frz-active: var(--main-stepMatari); */
 

Also applies to: 123-126

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@skin/danoni_skin_skyblue.css` around lines 73 - 76, The commented-out CSS
variable placeholders (e.g. --settings-assist-x and --settings-another-x) use
"/*" directly against the text; update each comment to include a space after
"/*" (and keep the trailing " */") so they read like "/* --settings-... */" for
stylelint consistency; apply the same change to the other occurrences mentioned
(around the --settings-* placeholders at the later block).
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@skin/danoni_skin_default.css`:
- Around line 73-76: The block containing the commented CSS variables
(--settings-assist-x and --settings-another-x) has comments starting with "/*"
immediately followed by text; update those comments to include a single space
after the opening "/*" to satisfy the comment-whitespace-inside rule and match
the style used elsewhere (e.g., change "/*--settings-assist-x:
var(--common-kita);" and "/*--settings-another-x: var(--common-ii);" to use "/*
--settings-assist-x: var(--common-kita);" and "/* --settings-another-x:
var(--common-ii);"); apply the same spacing fix to the similar commented lines
at the later block referenced (lines 123-126).

---

Duplicate comments:
In `@skin/danoni_skin_light.css`:
- Around line 73-76: The CSS comments containing commented-out variable
placeholders (e.g. "/*--settings-assist-x: var(--common-kita); */" and
"/*--settings-another-x: var(--common-ii); */") should be reformatted to include
a space after the opening /* to match the file's comment style and satisfy
stylelint; update these occurrences (including the similar ones at the later
occurrence around the 123-126 range) so they read like "/* --settings-... */"
with a space after /* and before */ where appropriate.

In `@skin/danoni_skin_skyblue.css`:
- Around line 73-76: The commented-out CSS variable placeholders (e.g.
--settings-assist-x and --settings-another-x) use "/*" directly against the
text; update each comment to include a space after "/*" (and keep the trailing "
*/") so they read like "/* --settings-... */" for stylelint consistency; apply
the same change to the other occurrences mentioned (around the --settings-*
placeholders at the later block).
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 8412fe6f-3c98-4deb-a0dd-8c0113673272

📥 Commits

Reviewing files that changed from the base of the PR and between 1a35b7a and 6540bd8.

📒 Files selected for processing (6)
  • css/danoni_main.css
  • js/danoni_main.js
  • js/lib/danoni_constants.js
  • skin/danoni_skin_default.css
  • skin/danoni_skin_light.css
  • skin/danoni_skin_skyblue.css

Comment thread skin/danoni_skin_default.css
@cwtickle cwtickle merged commit 7d86988 into develop May 17, 2026
4 checks passed
@cwtickle cwtickle deleted the feature/1096-css branch May 19, 2026 13:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

func10:Settings 設定画面全般 func20:Main プレイ画面全般

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant