--standout-bg: #191724;
--standout-text: #fff;
- --standout-form-bg: #fdf9eb;
- --standout-form-text: #fff;
- --standout-form-button-text: #191724;
+ --standout-form-bg: #333333;
+ --standout-form-text: #ffffff;
+ --standout-form-button-text: #ffffff;
}
/* Light mode */
--standout-bg: #ffeee2;
--standout-form-text: #333333;
--standout-text: #333333;
- --standout-form-bg: #fff;
- --standout-form-button-text: #fff;
+ --standout-form-bg: #ffffff;
+ --standout-form-text: #333333;
+ --standout-form-button-text: #ffffff;
}
}
border-radius: 4px;
box-sizing: border-box;
font-size: 16px;
+ background-color: var(--standout-form-bg);
+ color: var(--standout-form-text);
}
input[type="text"]:focus,
.reg-form input {
background-color: var(--standout-form-bg) !important;
color: var(--standout-form-button-text) !important;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
.reg-form .help-text {
color: var(--standout-form-text);
}
+.reg-form select {
+ background-color: var(--standout-form-bg) !important;
+ color: var(--standout-form-text) !important;
+ border: 1px solid var(--accent-a);
+}
+
+select option {
+ background-color: var(--standout-form-bg);
+ color: var(--standout-form-text);
+}
+
.reg-form h1,
.reg-form h2,
.reg-form h3,
margin: 1em 0;
}
+input[type="checkbox"] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ width: 16px;
+ height: 16px;
+ border: 1px solid var(--accent-a);
+ border-radius: 3px;
+ background-color: var(--standout-form-bg);
+ cursor: pointer;
+ position: relative;
+ vertical-align: middle;
+ margin-right: 8px;
+}
+
+input[type="checkbox"]:checked {
+ background-color: var(--filter-button-active);
+ border-color: var(--filter-button-active);
+}
+
+input[type="checkbox"]:checked::after {
+ content: "";
+ position: absolute;
+ left: 4px;
+ top: 1px;
+ width: 5px;
+ height: 10px;
+ border: solid var(--standout-form-button-text);
+ border-width: 0 2px 2px 0;
+ transform: rotate(45deg);
+}
+
+/* Specific styles for checkboxes in .reg-form */
+.reg-form input[type="checkbox"] {
+ background-color: var(--standout-form-bg) !important;
+ border-color: var(--accent-a) !important;
+}
+
+.reg-form input[type="checkbox"]:checked {
+ background-color: var(--filter-button-active) !important;
+ border-color: var(--filter-button-active) !important;
+}
+
.subheading {
margin-top: -25px;
}
outline: none;
font: inherit;
color: inherit;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background-color: var(--filter-button);
+ color: var(--filter-button-text);
}
hr {