From f4abff8c2ad53ab4d1ca4fa0e307698e3206e869 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?O=C4=9Fuzhan=20Tutucu?= Date: Tue, 13 Oct 2026 21:20:18 +0300 Subject: [PATCH] Mint-Y/cinnamon: Style CheckBox2 (.check-box-2) Cinnamon's CheckBox2 widget (style class `check-box-2`, used by the keyring unlock prompt in js/ui/keyringPrompt.js) has no style in Mint-Y, so the check box indicator is invisible: only the label is shown, and clicking the label silently toggles the hidden box. Mint-X and Cinnamon's default theme already style it. Reuse the existing `.check-box` rules for `.check-box-2` and add spacing between the indicator and the label, since CheckBox2 uses an St.BoxLayout instead of a CinnamonGenericContainer. Regenerate the css files with parse-sass.sh. --- src/Mint-Y/cinnamon/cinnamon-dark.css | 21 +++++++++++++++------ src/Mint-Y/cinnamon/cinnamon.css | 21 +++++++++++++++------ src/Mint-Y/cinnamon/sass/_common.scss | 5 ++++- 3 files changed, 34 insertions(+), 13 deletions(-) diff --git a/src/Mint-Y/cinnamon/cinnamon-dark.css b/src/Mint-Y/cinnamon/cinnamon-dark.css index b6458b01..7050ef92 100644 --- a/src/Mint-Y/cinnamon/cinnamon-dark.css +++ b/src/Mint-Y/cinnamon/cinnamon-dark.css @@ -147,28 +147,37 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; } -.check-box CinnamonGenericContainer { +.check-box CinnamonGenericContainer, +.check-box-2 CinnamonGenericContainer { spacing: .2em; min-height: 30px; padding-top: 2px; } -.check-box StLabel { +.check-box StLabel, +.check-box-2 StLabel { font-weight: normal; } -.check-box StBin { +.check-box StBin, +.check-box-2 StBin { width: 16px; height: 16px; background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } -.check-box:focus StBin { +.check-box:focus StBin, +.check-box-2:focus StBin { background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } -.check-box:checked StBin { +.check-box:checked StBin, +.check-box-2:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } -.check-box:focus:checked StBin { +.check-box:focus:checked StBin, +.check-box-2:focus:checked StBin { background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } +.check-box-2 StBoxLayout { + spacing: .5em; } + .radiobutton CinnamonGenericContainer { spacing: .2em; height: 26px; diff --git a/src/Mint-Y/cinnamon/cinnamon.css b/src/Mint-Y/cinnamon/cinnamon.css index 6251c63e..21361f1e 100644 --- a/src/Mint-Y/cinnamon/cinnamon.css +++ b/src/Mint-Y/cinnamon/cinnamon.css @@ -147,28 +147,37 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; } -.check-box CinnamonGenericContainer { +.check-box CinnamonGenericContainer, +.check-box-2 CinnamonGenericContainer { spacing: .2em; min-height: 30px; padding-top: 2px; } -.check-box StLabel { +.check-box StLabel, +.check-box-2 StLabel { font-weight: normal; } -.check-box StBin { +.check-box StBin, +.check-box-2 StBin { width: 16px; height: 16px; background-image: url("light-assets/checkbox/checkbox-unchecked.svg"); } -.check-box:focus StBin { +.check-box:focus StBin, +.check-box-2:focus StBin { background-image: url("light-assets/checkbox/checkbox-unchecked-focused.svg"); } -.check-box:checked StBin { +.check-box:checked StBin, +.check-box-2:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked.svg"); } -.check-box:focus:checked StBin { +.check-box:focus:checked StBin, +.check-box-2:focus:checked StBin { background-image: url("light-assets/checkbox/checkbox-checked-focused.svg"); } +.check-box-2 StBoxLayout { + spacing: .5em; } + .radiobutton CinnamonGenericContainer { spacing: .2em; height: 26px; diff --git a/src/Mint-Y/cinnamon/sass/_common.scss b/src/Mint-Y/cinnamon/sass/_common.scss index 53707057..cad7f41c 100644 --- a/src/Mint-Y/cinnamon/sass/_common.scss +++ b/src/Mint-Y/cinnamon/sass/_common.scss @@ -164,7 +164,8 @@ StScrollBar { // // Check Boxes // -.check-box { +.check-box, +.check-box-2 { CinnamonGenericContainer { spacing: .2em; @@ -187,6 +188,8 @@ StScrollBar { &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox/checkbox-checked-focused.svg"); } } +.check-box-2 StBoxLayout { spacing: .5em; } + // // Radio Buttons //