Mercurial > minori

comparison rc/dark.qss @ 107:49c8d1976869

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
themes/dark: make QMenuBar and QMenu look better this is what Sublime Text does, and I prefer it to having that ugly blue color
author Paper <mrpapersonic@gmail.com>
date Sun, 05 Nov 2023 17:44:49 -0500
parents 6d8da6e64d61
children 79714c95a145
comparison
equal deleted inserted replaced
106:c8c72278f6fd 107:49c8d1976869
30 /* Colors should be the same as the QPalette in gui/theme.cc, i.e.: 30 /* Colors should be the same as the QPalette in gui/theme.cc, i.e.:
31 window == darkgray == #353535; 31 window == darkgray == #353535;
32 ??? == gray == #808080; 32 ??? == gray == #808080;
33 base == black == #191919; 33 base == black == #191919;
34 highlighted == blue = #2A82DA; 34 highlighted == blue = #2A82DA;
35 35 We could include a preprocessor like sass to make these constants,
36 It's a shame Qt stylesheets don't properly support variables :') 36 but that's really lame :(
37 Maybe we could configure it with cmake?
38 */ 37 */
39 38
40 AnimeListPage::pane { 39 AnimeListPage::pane {
41 margin: 0.04em; 40 margin: 0.04em;
42 } 41 }
86 border-top: 0.04em solid #808080; 85 border-top: 0.04em solid #808080;
87 background-color: #353535; 86 background-color: #353535;
88 min-width: 50px; 87 min-width: 50px;
89 padding-top: 0.23em; 88 padding-top: 0.23em;
90 padding-bottom: 0.23em; 89 padding-bottom: 0.23em;
91 padding-left: 0.46em; 90 padding-left: 0.78em;
92 padding-right: 0.46em; 91 padding-right: 0.78em;
93 border-radius: 0.09em; 92 border-radius: 0.09em;
94 border-bottom-left-radius: 0em; 93 border-bottom-left-radius: 0em;
95 border-bottom-right-radius: 0em; 94 border-bottom-right-radius: 0em;
96 } 95 }
97 96
124 border-bottom-right-radius: 0em; 123 border-bottom-right-radius: 0em;
125 } 124 }
126 125
127 QTabBar::tab:top:!selected:first:hover { 126 QTabBar::tab:top:!selected:first:hover {
128 background-color: rgba(42, 130, 218, 0.1); 127 background-color: rgba(42, 130, 218, 0.1);
129 border-radius: 0.09em;
130 border-bottom-left-radius: 0em;
131 border-bottom-right-radius: 0em;
132 } 128 }
133 129
134 QGroupBox::title { 130 QGroupBox::title {
135 color: white; 131 color: white;
136 } 132 }
141 QSpinBox { 137 QSpinBox {
142 background-color: #353535; 138 background-color: #353535;
143 color: white; 139 color: white;
144 } 140 }
145 141
142 QComboBox,
143 QDateEdit,
144 QSpinBox {
145 border: 0.04em solid #808080;
146 }
147
148 QComboBox:disabled,
149 QPushButton:disabled,
150 QDateEdit:disabled,
151 QSpinBox:disabled {
152 color: #808080;
153 }
154
155 QPushButton:hover {
156 background-color: rgba(57, 66, 75, 1.0);
157 }
158
146 /* 159 /*
147 * QLineEdit 160 * QLineEdit
148 */ 161 */
162
163 QLineEdit {
164 background: transparent;
165 }
149 166
150 QLineEdit:!read-only { 167 QLineEdit:!read-only {
151 background-color: #191919; 168 background-color: #191919;
152 padding: 0.23em; 169 padding: 0.23em;
153 border-style: solid; 170 border-style: solid;
154 border: 0.04em solid #808080; 171 border: 0.04em solid #808080;
155 border-radius: 0.09em; 172 border-radius: 0.09em;
156 } 173 }
157 174
158 Line {
159 background: transparent;
160 }
161
162 /* QMenuBar */ 175 /* QMenuBar */
163 176
164 QMenuBar { 177 QMenuBar {
165 background-color: #353535; 178 background-color: #353535;
166 color: white; 179 color: white;
167 } 180 }
168 181
169 QMenuBar::item {
170 background: transparent;
171 }
172
173 QMenuBar::item:selected { 182 QMenuBar::item:selected {
174 background: transparent; 183 background-color: #414141;
175 border: 0.04em solid #2A82DA;
176 } 184 }
177 185
178 QMenuBar::item:disabled { 186 QMenuBar::item:disabled {
179 color: #808080; 187 color: #808080;
180 } 188 }
181 189
182 QMenuBar::item:pressed { 190 QMenuBar::item:pressed {
183 background-color: #2A82DA; 191 background-color: #414141;
184 color: white;
185 margin-bottom: -0.09em; 192 margin-bottom: -0.09em;
186 padding-bottom: 0.09em; 193 padding-bottom: 0.09em;
187 } 194 }
188 195
189 /* QMenu */ 196 /* QMenu */
190 197
191 QMenu { 198 QMenu {
192 color: white; 199 color: white;
193 background-color: #353535; 200 background-color: #353535;
194 margin: 0.09em; 201 margin: 0.18em;
195 } 202 }
196 203
197 QMenu::icon { 204 QMenu::icon {
198 margin: 0.23em; 205 margin: 0.23em;
199 } 206 }
205 background: transparent; 212 background: transparent;
206 } 213 }
207 214
208 QMenu::item:selected { 215 QMenu::item:selected {
209 color: white; 216 color: white;
210 background-color: #2A82DA; 217 background-color: #414141;
211 } 218 }
212 219
213 QMenu::item:selected:disabled { 220 QMenu::item:selected:disabled {
214 background-color: #353535; 221 background-color: #353535;
215 } 222 }