Web Base: Login checkbox (#65)

tkashkin · Oct 22, 2022 · 9bf5900 · 9bf5900
1 parent d1a02e1
commit 9bf5900
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/web_themes/base/10_new_login.css b/web_themes/base/10_new_login.css
@@ -89,6 +89,41 @@
 }
 
 /* Remember Me */
+#root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"]:empty
+{
+	background: var(--checkbox_bg) !important;
+	border-radius: var(--checkbox_radius) !important;
+	box-shadow: var(--checkbox_bs) !important;
+}
+
+#root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"]
+{
+	background: var(--checkbox_checked_bg) !important;
+	background-blend-mode: var(--button_suggested_blend) !important;
+	border-radius: var(--checkbox_radius) !important;
+	box-shadow: none !important;
+}
+
+#root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"]:hover
+{
+	background-color: var(--button_suggested_hover_bg) !important;
+}
+
+#root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"]:empty:active
+{
+	background: var(--button_hover_bg) !important;
+}
+
+#root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"]:active
+{
+	background-color: var(--button_suggested_click_bg) !important;
+}
+
+#root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"] [class*="newlogindialog_Check_"] svg
+{
+	stroke-width: var(--checkbox_checked_sw) !important;
+}
+
 #root [class*="login_Login_"] [class*="newlogindialog_Checkbox_"]:focus
 {
 	outline: none !important;

diff --git a/web_themes/base/1_root.css b/web_themes/base/1_root.css
@@ -72,6 +72,12 @@
 	--button_suggested_click_bg: rgba(0, 0, 0, 0.2);
 	--button_suggested_blend: overlay;
 
+	--checkbox_checked_bg: var(--button_suggested_bg);
+	--checkbox_checked_sw: 45;
+	--checkbox_radius: 6px;
+	--checkbox_bg: transparent;
+	--checkbox_bs: inset 0px 0px 0px 2px var(--button_hover_bg);
+
 	--border: rgba(255, 255, 255, 0.15);
 
 	--card_bg: rgba(255, 255, 255, 0.1);