├── cardback.png
├── counters
├── b.png
├── g.png
├── r.png
├── u.png
├── w.png
├── storm.png
├── general.png
├── b_highlight.png
├── g_highlight.png
├── r_highlight.png
├── src
│ └── counters.ai
├── u_highlight.png
├── w_highlight.png
├── storm_highlight.png
└── general_highlight.png
├── phases
├── draw.png
├── cleanup.png
├── main1.png
├── main2.png
├── untap.png
├── upkeep.png
├── nextturn.png
├── src
│ └── phases.ai
├── combat_end.png
├── combat_start.png
├── combat_damage.png
├── combat_attackers.png
└── combat_blockers.png
├── icons
├── update.png
├── sortarrowdown.png
├── sortarrowup.png
├── docksplit_horizontal.png
├── splitter-vertical-handle.png
├── splitter-horizontal-handle.png
├── menu_separator.svg
├── checkbox_hover.svg
├── treecheckbox_hover.svg
├── checkbox_unchecked.svg
├── treecheckbox_unchecked.svg
├── spin_up.svg
├── spin_down.svg
├── radio_checked.svg
├── sync.svg
├── radio_unchecked.svg
├── view.svg
├── conceded.svg
├── decrement.svg
├── pencil.svg
├── search.svg
├── forgot_password.svg
├── ready_start.svg
├── increment.svg
├── dock_float.svg
├── checkbox_checked.svg
├── lock.svg
├── not_ready_start.svg
├── treecheckbox_checked.svg
├── scales.svg
├── arrow_up_green.svg
├── arrow_down_green.svg
├── delete.svg
├── remove_row.svg
├── arrow_bottom_green.svg
├── arrow_top_green.svg
├── arrow_right_green.svg
├── arrow_right_blue.svg
├── tab_changed.svg
├── spectator.svg
├── player.svg
├── info.svg
├── dock_close.svg
├── close_tab.svg
├── branch_open.svg
├── dropdown.svg
├── close_tab_hover.svg
├── clearsearch.svg
├── arrow_left_green.svg
├── branch_closed.svg
├── cockatrice_logo.svg
└── settings.svg
├── zones
├── handzone.png
├── playerzone.png
├── stackzone.png
└── tablezone.png
├── userlevels
├── registered.png
└── src
│ └── registered.svg
├── replay
├── pause.svg
├── start.svg
└── fastforward.svg
├── config
├── messages.svg
├── interface.svg
├── deckeditor.svg
├── sound.svg
├── appearance.svg
├── shorcuts.svg
└── general.svg
├── README.md
└── style.css
/cardback.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/cardback.png
--------------------------------------------------------------------------------
/counters/b.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/b.png
--------------------------------------------------------------------------------
/counters/g.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/g.png
--------------------------------------------------------------------------------
/counters/r.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/r.png
--------------------------------------------------------------------------------
/counters/u.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/u.png
--------------------------------------------------------------------------------
/counters/w.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/w.png
--------------------------------------------------------------------------------
/phases/draw.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/draw.png
--------------------------------------------------------------------------------
/counters/storm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/storm.png
--------------------------------------------------------------------------------
/icons/update.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/icons/update.png
--------------------------------------------------------------------------------
/phases/cleanup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/cleanup.png
--------------------------------------------------------------------------------
/phases/main1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/main1.png
--------------------------------------------------------------------------------
/phases/main2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/main2.png
--------------------------------------------------------------------------------
/phases/untap.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/untap.png
--------------------------------------------------------------------------------
/phases/upkeep.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/upkeep.png
--------------------------------------------------------------------------------
/zones/handzone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/zones/handzone.png
--------------------------------------------------------------------------------
/counters/general.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/general.png
--------------------------------------------------------------------------------
/phases/nextturn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/nextturn.png
--------------------------------------------------------------------------------
/phases/src/phases.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/src/phases.ai
--------------------------------------------------------------------------------
/zones/playerzone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/zones/playerzone.png
--------------------------------------------------------------------------------
/zones/stackzone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/zones/stackzone.png
--------------------------------------------------------------------------------
/zones/tablezone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/zones/tablezone.png
--------------------------------------------------------------------------------
/icons/sortarrowdown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/icons/sortarrowdown.png
--------------------------------------------------------------------------------
/icons/sortarrowup.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/icons/sortarrowup.png
--------------------------------------------------------------------------------
/phases/combat_end.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/combat_end.png
--------------------------------------------------------------------------------
/phases/combat_start.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/combat_start.png
--------------------------------------------------------------------------------
/counters/b_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/b_highlight.png
--------------------------------------------------------------------------------
/counters/g_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/g_highlight.png
--------------------------------------------------------------------------------
/counters/r_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/r_highlight.png
--------------------------------------------------------------------------------
/counters/src/counters.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/src/counters.ai
--------------------------------------------------------------------------------
/counters/u_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/u_highlight.png
--------------------------------------------------------------------------------
/counters/w_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/w_highlight.png
--------------------------------------------------------------------------------
/phases/combat_damage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/combat_damage.png
--------------------------------------------------------------------------------
/userlevels/registered.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/userlevels/registered.png
--------------------------------------------------------------------------------
/counters/storm_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/storm_highlight.png
--------------------------------------------------------------------------------
/phases/combat_attackers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/combat_attackers.png
--------------------------------------------------------------------------------
/phases/combat_blockers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/phases/combat_blockers.png
--------------------------------------------------------------------------------
/counters/general_highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/counters/general_highlight.png
--------------------------------------------------------------------------------
/icons/docksplit_horizontal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/icons/docksplit_horizontal.png
--------------------------------------------------------------------------------
/icons/splitter-vertical-handle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/icons/splitter-vertical-handle.png
--------------------------------------------------------------------------------
/icons/splitter-horizontal-handle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mingomongo/DarkMingo-Theme-for-Cockatrice/HEAD/icons/splitter-horizontal-handle.png
--------------------------------------------------------------------------------
/icons/menu_separator.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
--------------------------------------------------------------------------------
/icons/checkbox_hover.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
--------------------------------------------------------------------------------
/icons/treecheckbox_hover.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
--------------------------------------------------------------------------------
/icons/checkbox_unchecked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
13 |
--------------------------------------------------------------------------------
/icons/treecheckbox_unchecked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
13 |
--------------------------------------------------------------------------------
/icons/spin_up.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
--------------------------------------------------------------------------------
/icons/spin_down.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
--------------------------------------------------------------------------------
/icons/radio_checked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/icons/sync.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
13 |
--------------------------------------------------------------------------------
/icons/radio_unchecked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/icons/view.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
10 |
--------------------------------------------------------------------------------
/icons/conceded.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
--------------------------------------------------------------------------------
/icons/decrement.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
--------------------------------------------------------------------------------
/userlevels/src/registered.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
19 |
--------------------------------------------------------------------------------
/icons/pencil.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/icons/search.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
17 |
--------------------------------------------------------------------------------
/icons/forgot_password.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
--------------------------------------------------------------------------------
/icons/ready_start.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/icons/increment.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
13 |
--------------------------------------------------------------------------------
/icons/dock_float.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
13 |
--------------------------------------------------------------------------------
/icons/checkbox_checked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
20 |
--------------------------------------------------------------------------------
/icons/lock.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
13 |
--------------------------------------------------------------------------------
/icons/not_ready_start.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
--------------------------------------------------------------------------------
/replay/pause.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
18 |
--------------------------------------------------------------------------------
/icons/treecheckbox_checked.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
30 |
--------------------------------------------------------------------------------
/icons/scales.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
21 |
--------------------------------------------------------------------------------
/icons/arrow_up_green.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
23 |
--------------------------------------------------------------------------------
/icons/arrow_down_green.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
23 |
--------------------------------------------------------------------------------
/icons/delete.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
23 |
--------------------------------------------------------------------------------
/icons/remove_row.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
23 |
--------------------------------------------------------------------------------
/icons/arrow_bottom_green.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
23 |
--------------------------------------------------------------------------------
/icons/arrow_top_green.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
23 |
--------------------------------------------------------------------------------
/icons/arrow_right_green.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
34 |
--------------------------------------------------------------------------------
/icons/arrow_right_blue.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
34 |
--------------------------------------------------------------------------------
/icons/tab_changed.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
26 |
--------------------------------------------------------------------------------
/replay/start.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
25 |
--------------------------------------------------------------------------------
/replay/fastforward.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
20 |
--------------------------------------------------------------------------------
/icons/spectator.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/icons/player.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
27 |
--------------------------------------------------------------------------------
/icons/info.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
37 |
--------------------------------------------------------------------------------
/icons/dock_close.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
29 |
--------------------------------------------------------------------------------
/icons/close_tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
29 |
--------------------------------------------------------------------------------
/icons/branch_open.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
32 |
--------------------------------------------------------------------------------
/icons/dropdown.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
32 |
--------------------------------------------------------------------------------
/icons/close_tab_hover.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
31 |
--------------------------------------------------------------------------------
/config/messages.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
35 |
--------------------------------------------------------------------------------
/icons/clearsearch.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
38 |
--------------------------------------------------------------------------------
/config/interface.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
41 |
--------------------------------------------------------------------------------
/icons/arrow_left_green.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/config/deckeditor.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
44 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # MingoMongo's "DarkMingo" Theme for Cockatrice
2 | Hi! I'm MingoMongo. Here's a theme I made for Cockatrice born from my love for "Dark Modes", modern graphic design, and my disbelief that Cockatrice's default theme was so... default. I made a lot of compromises making this but I think you'll enjoy it just the same! Thanks to Artemis' MTGO Theme and Ahzmund's Tabletop Theme for giving me a great place to start and lending some resources! I would also like to apologise and let you know that this theme isn't entirely dark. Unfortunately, the chat, hyperlinks, and some other sections have non-adjustable font colours meaning any dark coloured background obscures important text. :(
3 |
4 | Screenshots: https://imgur.com/a/bTXrSui
5 |
6 | ## Download
7 | **BEFORE DOWNLOADING**: Mac users will experience a pattern of 3 lines over the right of the deck editor (https://imgur.com/a/Xus6zi2), this is a known issue and seems to happen with all mac themes. Additionally, all platforms will experience some alignment issues with lists and their headers, this is unfortunately not fixable with the theme due to Cockatrice's code.
8 | There is also one button I cannot change. *sigh.* I've done all I can to minimize these glitches, but they should be expected.
9 |
10 | [Download, read above first!](https://github.com/mingomongo/DarkMingo-Theme-for-Cockatrice/releases)
11 |
12 | Also, if you're interested in editing this theme, [here](https://drive.google.com/open?id=1I2JmUKKwJwR0RJyn8lmG499Te9ulrAyH) are the Illustrator and Photoshop files which I made the graphics on.
13 |
14 | ## Installation
15 | * Download the Source Code zip from above and drag it to the correct directory below. If you haven't installed a theme before the "themes" folder won't exist, so create it!.
16 | * Windows: C:\Users\USERNAME\AppData\Local\Cockatrice\Cockatrice\themes
(if you've never tried to get to AppData before, learn how [here](https://answersdrive.com/where-do-i-find-appdata-in-windows-10-493170))
17 | * Linux: ~/.local/share/Cockatrice/Cockatrice/themes
18 | * MacOS: ~/Users/username/Library (this is a hidden folder)/Application Support/Cockatrice/Cockatrice/themes
19 | * After, unzip the folder then drag the first folder out. Essentially, you want the folder order to be: /themes/DarkMingo-Theme-for-Cockatrice-X.X/ then all the contents. If there's another folder inbetween the theme won't work.
20 | * Then go to Settings > Appearance on Cockatrice, then select the theme from the dropdown, then restart Cockatrice to get everything showing how it should.
21 |
22 | ## Bugs and stuff for future themers
23 |
24 | ### Bugs
25 | * Mac: 3 lines appear on top of the deck editor when QWidget's color property is changed
26 | * There's a space at the bottom of the theme combobox dropdown and only on that dropdown, it's linked to font size and I haven't figured out how to change QAbstractItemView::item size.
27 | * Headers in shortcut menu change when hovered
28 | * Headers in server replay storage don't color the empty header that should fit the rest of the way
29 | * Mac: QMainWindow::separator images do not appear (the elipses showing you can resize different sections)
30 | * Middle-click card info has the ugly QFrame style with sharp edges, not sure how to change it.
31 |
32 | ### Unchangeable by CSS
33 | * The glow on active phase buttons and battlefields
34 | * ChatView's alternating row colors
35 | * QTreeView's "has:children" items are locked for font weight and font size
36 | * QHeaderView's single-side borders and :selected are broken, icons customisation is very limited (???)
37 | * Hyperlink colors
38 | * Scaling the Cockatrice logo with the QTreeView
39 | * Server online icon
40 | * Any icon that isn't saved locally
41 | * If two buttons are after the same file you can't make one of them have a different icon.
42 | * The list of "settings" icon container height
43 | * QLineEdit clear button has no property to change it.
44 | * More detailed list: https://github.com/Cockatrice/Cockatrice/issues/3948
45 |
--------------------------------------------------------------------------------
/config/sound.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
48 |
--------------------------------------------------------------------------------
/icons/branch_closed.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
54 |
--------------------------------------------------------------------------------
/config/appearance.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
51 |
--------------------------------------------------------------------------------
/config/shorcuts.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
61 |
--------------------------------------------------------------------------------
/icons/cockatrice_logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
68 |
--------------------------------------------------------------------------------
/config/general.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
116 |
--------------------------------------------------------------------------------
/icons/settings.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
120 |
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /* If you're editing this thanks for using my skin! If you're new to CSS+QT don't be like me, use these links and save a lot of time:
2 | https://doc.qt.io/qt-5/stylesheet-examples.html
3 | https://doc.qt.io/qt-5/stylesheet-reference.html
4 | https://doc.qt.io/qt-5/stylesheet-syntax.html */
5 |
6 | /* Color Scheme:
7 | White: #F2F2F5
8 | Alternate White: #DFDFE3
9 | "Black": #202225
10 | Inbetween (settings container): #2c2d33;
11 | Dark Grey: #303239
12 | Grey: #41444B
13 | Brighter Grey (Selected stuff): #474b54
14 | Hover (varies): #53575f
15 | Blue: #7bc5ea
16 | Selection blue: #B8DEF2
17 | */
18 |
19 | /* NOTE: Overall*/
20 | QWidget, QLabel {
21 | background-color: #202225;
22 | color: white;
23 | font-family: "Segoe UI", "San Francisco", sans-serif;
24 | font-size: 12px;
25 | }
26 | QLabel {
27 | background-color: transparent;
28 | }
29 | /* NOTE: Fix for macs */
30 | QToolBar {
31 | border-radius: 2px;
32 | background: transparent;
33 | padding: 1px;
34 | }
35 |
36 | /* NOTE: I hate this thing */
37 | ChatView {
38 | background-color: #F2F2F5;
39 | border: 0;
40 | color: black;
41 | }
42 | QTextEdit {
43 | border-radius: 3px;
44 | }
45 | /* NOTE: Server info box */
46 | TabServer QTextBrowser {
47 | background-color: #F2F2F5;
48 | border-radius: 3px;
49 | color: black;
50 | }
51 |
52 | /* NOTE: Server boxes */
53 | QGroupBox {
54 | border: 0;
55 | border-radius: 2px;
56 | font-size: 15px;
57 | font-weight: bold;
58 | padding-top: 27px;
59 | }
60 | /* NOTE: Setting content boxes */
61 | QDialog QGroupBox {
62 | /* border: 1px solid grey; */
63 | font-size: 15px;
64 | font-weight: bold;
65 | padding-top: 27px;
66 | background-color: transparent;
67 | border: 0;
68 | border-radius: 0;
69 | border-top: 1px solid #41444B;
70 | }
71 | QGroupBox::title {
72 | background-color: transparent;
73 | color: #7bc5ea;
74 | padding-left: 5px;
75 | padding-top: 8px;
76 | }
77 | /* NOTE: Card Sources */
78 | QGroupBox > QListWidget {
79 | alternate-background-color: #41444B;
80 | background-color: #303239;
81 | border: 0;
82 | border-radius: 2px;
83 | color: white;
84 | }
85 | QGroupBox > QListWidget::item {
86 | padding: 1px;
87 | }
88 | QGroupBox > QListWidget::item:hover {
89 | border: 1px solid #7bc5ea;
90 | border-left: none;
91 | border-right: none;
92 | padding: 0;
93 | }
94 | QGroupBox > QListWidget::item:selected {
95 | background: #B8DEF2;
96 | border-left: none;
97 | border-right: none;
98 | color: black;
99 | padding-left: 0;
100 | }
101 | /* NOTE: Settings larger container */
102 | DlgSettings > QStackedWidget {
103 | background-color: #292930;
104 | border-radius: 3px;
105 | }
106 | /* NOTE: Setting icons container */
107 | DlgSettings > QListWidget {
108 | background-color: #41444B;
109 | border: transparent;
110 | border-radius: 2px;
111 | font-weight: bold;
112 | height: 20px;
113 | }
114 | DlgSettings > QListWidget::item {
115 | border-radius: 4px;
116 | color: #7bc5ea;
117 | icon-size: 30px;
118 | min-width: 85%;
119 | padding: 0;
120 | padding-bottom: 3px;
121 | width: auto;
122 | }
123 | DlgSettings > QListWidget::item:selected {
124 | background-color: #303239;
125 | }
126 |
127 | .QTextEdit {
128 | background-color: #41444B;
129 | border-radius: 2px;
130 | color: white;
131 | padding-left: 1px;
132 | }
133 | QComboBox, QLineEdit, LineEditCompleter, QSpinBox {
134 | background-color: #41444B;
135 | border-radius: 2px;
136 | color: white;
137 | padding-left: 3px;
138 | height: 20px;
139 | }
140 | QLineEdit:read-only {
141 | background-color: transparent;
142 | }
143 | QLineEdit#hashLabel {
144 | border-color: transparent;
145 | }
146 | QLineEdit::close {
147 | image: url("icons/branch_closed.svg");
148 | }
149 |
150 | /* NOTE: Dropdown lists and number boxes */
151 | QComboBox, QSpinBox {
152 | max-width: 400px;
153 | }
154 | QComboBox:hover {
155 | background-color: #53575f;
156 | }
157 | /* NOTE: Dropdown and number box icons */
158 | QComboBox::drop-down {
159 | image: url("icons/dropdown.svg");
160 | right: 3px;
161 | top: 3px;
162 | }
163 | QSpinBox::up-button {
164 | height: 10px;
165 | image: url("icons/spin_up.svg");
166 | }
167 | QSpinBox::down-button {
168 | height: 10px;
169 | image: url("icons/spin_down.svg");
170 | }
171 | QSpinBox::up-button:hover, QSpinBox::up-button:pressed, QSpinBox::down-button:hover, QSpinBox::down-button:pressed {
172 | background-color: #53575f;
173 | }
174 |
175 | /* NOTE: Combobox menu colour */
176 | QComboBox QAbstractItemView {
177 | background-color: #303239;
178 | selection-background-color: #B8DEF2;
179 | selection-color: black;
180 | border: 0;
181 | padding-left: 1px;
182 | padding-top: 4px;
183 | padding-bottom: 4px;
184 | }
185 |
186 | /* NOTE: chatview chatbox */
187 | LineEditCompleter {
188 | margin-bottom: 2px;
189 | margin-right: 3px;
190 | }
191 | /* NOTE: I don't know how to select this so that it works with other languages, sorry */
192 | QLabel[text="&Say:"] {
193 | margin-bottom: 4px;
194 | }
195 |
196 | /* NOTE: List headers */
197 | QHeaderView::section {
198 | background-color: #7bc5ea;
199 | border: solid;
200 | color: black;
201 | font-size: 13px;
202 | font-weight: 500;
203 | height: 17px;
204 | min-width: 60px;
205 | padding-bottom: 4px;
206 | padding-left: 3px;
207 | padding-right: 3px;
208 | padding-top: 3px;
209 | text-align: center;
210 | }
211 | QHeaderView::section:first {
212 | border-top-left-radius: 3px;
213 | }
214 | QHeaderView::section:last {
215 | border-top-right-radius: 3px;
216 | }
217 | QHeaderView::up-arrow {
218 | image: url("icons/sortarrowup.png");
219 | }
220 | QHeaderView::down-arrow {
221 | image: url("icons/sortarrowdown.png");
222 | }
223 | /* Server list */
224 | TabServer QHeaderView::section {
225 | min-width: 80px;
226 | }
227 | /* Sets list */
228 | WndSets QHeaderView::section {
229 | min-width: 50px;
230 | }
231 |
232 | /* NOTE: Section drag bars (headers) */
233 | QDockWidget {
234 | color: #7bc5ea;
235 | font-size: 15px;
236 | font-weight: bold;
237 | titlebar-close-icon: url("icons/dock_close.svg");
238 | titlebar-normal-icon: url("icons/dock_float.svg");
239 | }
240 | QDockWidget::close-button, QDockWidget::float-button {
241 | icon-size: 10px;
242 | }
243 | QDockWidget::close-button:hover, QDockWidget::float-button:hover {
244 | background-color: #41444B;
245 | border-radius: 3px;
246 | }
247 | QDockWidget::title {
248 | background-color: #202225;
249 | margin: 3px;
250 | padding: 3px 0;
251 | }
252 | QMainWindow::separator:horizontal {
253 | height: 5px;
254 | image: url("icons/docksplit_horizontal.png");
255 | }
256 |
257 | /* NOTE: Card database and Deck builder */
258 | QTreeView {
259 | alternate-background-color: #41444B;
260 | background-color: #303239;
261 | border: 0;
262 | border-radius: 4px;
263 | }
264 | TabRoom QTreeView::item {
265 | color: white;
266 | font-family: "Segoe UI", "San Francisco", sans-serif;
267 | height: 19px;
268 | }
269 | QTreeView::indicator:checked {
270 | image: url(icons/treecheckbox_checked.svg);
271 | }
272 | QTreeView::indicator:unchecked {
273 | image: url(icons/treecheckbox_unchecked.svg);
274 | }
275 | QTreeView::indicator:unchecked:hover {
276 | image: url(icons/treecheckbox_hover.svg);
277 | }
278 | /* NOTE: For non-alternating row color QTrees */
279 | QTreeView#deckView::item, QTreeView#filterView::item{
280 | background-color: #41444B;
281 | border-top: 1px solid #202225;
282 | color: white;
283 | }
284 | QTreeView::item:hover, DlgSettings QTreeView::item:hover, QTreeView#deckView::item:hover, QTreeView#filterView::item:hover {
285 | border: 1px solid #7bc5ea;
286 | border-left: none;
287 | border-right: none;
288 | padding-top: -1px;
289 | }
290 | QTreeView#deckView::item:hover, QTreeView#filterView::item:hover {
291 | padding-top: 0;
292 | }
293 | QTreeView::item:selected, QTreeView#deckView::item:selected, QTreeView#filterView::item:selected {
294 | background: #B8DEF2;
295 | border-left: none;
296 | border-right: none;
297 | color: black;
298 | }
299 | QTreeView::item:has-children, QTreeView#deckView::item:has-children, QTreeView#filterView::item:has-children {
300 | background-color: #7BC5EA;
301 | border-top: 1px solid #202225;
302 | color: black;
303 | }
304 |
305 | TabDeckStorage QTreeView::item:has-children:hover, TabReplays QTreeView::item:has-children:hover {
306 | border: 1px solid #7bc5ea;
307 | border-left: none;
308 | border-right: none;
309 | }
310 |
311 | QTreeView::branch:has-children:!has-siblings:closed,
312 | QTreeView::branch:closed:has-children:has-siblings {
313 | border-image: none;
314 | image: url(icons/branch_closed.svg);
315 | }
316 | QTreeView::branch:open:has-children:!has-siblings,
317 | QTreeView::branch:open:has-children:has-siblings {
318 | border-image: none;
319 | image: url(icons/branch_open.svg);
320 | }
321 |
322 | /* NOTE: Remote deck storage */
323 | TabDeckStorage QTreeView::item:has-children, TabReplays QTreeView::item:has-children {
324 | background-color: #303239;
325 | border: 0;
326 | color: white;
327 | }
328 |
329 | /* NOTE: Bg image */
330 | QTreeView#deckView {
331 | background-attachment: fixed;
332 | background-clip: padding;
333 | background-image: url(icons/cockatrice_logo.svg);
334 | background-position: center;
335 | background-repeat: no-repeat;
336 | }
337 |
338 | TabUserLists UserList QTreeWidget {
339 | alternate-background-color: #DFDFE3;
340 | background-color: #F2F2F5;
341 | }
342 |
343 | UserList QHeaderView:section {
344 | min-width: 0;
345 | }
346 | QDockWidget#playerListDock QTreeWidget::item:selected {
347 | background-color: transparent;
348 | color: white;
349 | }
350 |
351 | /* NOTE: Tabs */
352 | QTabBar {
353 | font-size: 13px;
354 | }
355 | TabSupervisor > QTabBar::tab {
356 | margin-top: 4px; /* Spacing above top tab bar only (better for Macs) */
357 | }
358 | QTabBar::tab {
359 | background-color: #2f3236;
360 | border-bottom: 1px solid #41444B;
361 | border-right: 1px solid #41444B;
362 | padding: 0 9px;
363 | padding-bottom: 4px;
364 | padding-top: 1px;
365 | }
366 | QTabWidget::tab-bar {
367 | alignment: center;
368 | }
369 | QTabBar::tab:hover {
370 | background-color: #41444B;
371 | }
372 | QTabBar::tab:selected {
373 | background-color: #474b54;
374 | border-bottom: 2px solid #7bc5ea;
375 | padding-bottom: 3px;
376 | }
377 | QTabBar::tab:first {
378 | border-top-left-radius: 3px;
379 | }
380 | QTabBar::tab:last {
381 | border-right: 0;
382 | border-top-right-radius: 3px;
383 | }
384 | QTabBar::tab:only-one {
385 | border-right: 0;
386 | border-top-left-radius: 2px;
387 | border-top-right-radius: 2px;
388 | }
389 |
390 | QTabBar::close-button {
391 | image: url(icons/close_tab.svg);
392 | }
393 | QTabBar::close-button:hover {
394 | image: url(icons/close_tab_hover.svg);
395 | }
396 | /* NOTE: Tab container */
397 | QTabWidget::pane {
398 | border-top: 1px solid #41444B;
399 | border-top-left-radius: 4px;
400 | border-top-right-radius: 4px;
401 | position: absolute;
402 | top: -1px;
403 | }
404 | QTabWidget::tab-bar {
405 | alignment: left;
406 | left: 3px;
407 | }
408 | QWidget>QWidget>QTabWidget::tab-bar {
409 | alignment: left;
410 | left: 0;
411 | }
412 | QWidget#tab1, QWidget#tab2, QWidget#tab3, QWidget#text {
413 | background-color: #303239;
414 | border-radius: 5px;
415 | border-top-left-radius: 0;
416 | }
417 | /* NOTE: Tab Scrollers */
418 | QTabBar QToolButton {
419 | background-color: #303239;
420 | border-radius: 0;
421 | min-width: 0;
422 | padding: 0;
423 | }
424 | QTabBar QToolButton:pressed, QTabBar QToolButton:hover {
425 | background-color: #41444B;
426 | }
427 |
428 | /* NOTE: Menubar dropdowns, only for PC */
429 | QMenu {
430 | background-color: #27292F;
431 | color: white;
432 | padding-top: 3px;
433 | padding-bottom: 3px;
434 | }
435 | /* Says selected, is actually hover*/
436 | QMenu::item:selected {
437 | background-color: #B8DEF2;
438 | color: black;
439 | }
440 | QMenu::item:disabled {
441 | color: #737987;
442 | }
443 | QMenu::separator {
444 | height: 9px;
445 | margin-bottom: -3px;
446 | }
447 |
448 | /* NOTE: Menu bar, only for PC */
449 | QMenuBar {
450 | background-color: #202225;
451 | border-bottom: 1px solid #202225;
452 | color: white;
453 | font-size: 13px;
454 | }
455 | QMenuBar::item {
456 | margin-bottom: 0;
457 | margin-right: 2px;
458 | padding-bottom: 3px;
459 | padding-left: 6px;
460 | padding-right: 6px;
461 | padding-top: 2px;
462 | }
463 | QMenuBar::item:selected {
464 | background-color: #474b54;
465 | }
466 |
467 | /* NOTE: Scroll bar*/
468 | QScrollBar:vertical {
469 | width: 9px;
470 | }
471 | QScrollBar::add-page:vertical {
472 | background: #303239;
473 | margin-top: -20px;
474 | }
475 | QScrollBar::sub-page:vertical {
476 | background: #303239;
477 | margin-bottom: -20px;
478 | }
479 | QScrollBar::handle:vertical {
480 | background: #7bc5ea;
481 | border-radius: 4px;
482 | margin-left: 1px;
483 | min-height: 30px;
484 | width: 5px;
485 | }
486 | ChatView QScrollBar:vertical, UserList QScrollBar:vertical {
487 | width: 8px;
488 | }
489 | ChatView QScrollBar::handle:vertical, UserList QScrollBar::handle:vertical {
490 | margin-left: 0;
491 | }
492 | QScrollBar:horizontal {
493 | height: 8px;
494 | }
495 | QScrollBar::add-page:horizontal {
496 | background: #303239;
497 | margin-left: -20px;
498 | }
499 | QScrollBar::sub-page:horizontal {
500 | background: #303239;
501 | margin-right: -20px;
502 | }
503 | QScrollBar::handle:horizontal {
504 | background: #7bc5ea;
505 | border-radius: 4px;
506 | min-width: 30px;
507 | }
508 | /* NOTE: Hide scrollbar buttons (can get hidden behind colors) */
509 | QScrollBar::add-line:horizontal, QScrollBar::add-line:vertical, QScrollBar::sub-line:horizontal, QScrollBar::sub-line:vertical {
510 | height: 0;
511 | width: 0;
512 | }
513 |
514 | /* NOTE: Buttons */
515 | QPushButton {
516 | background-color: #7bc5ea;
517 | border-radius: 2px;
518 | color: black;
519 | height: 21px;
520 | padding: 0 7px;
521 | }
522 | QPushButton:disabled {
523 | background-color: #303239;
524 | color: grey;
525 | }
526 | /* NOTE: Deck editor buttons */
527 | QToolButton, QPushButton#ok {
528 | background-color: rgba(0, 0, 0, 0);
529 | border-radius: 3px;
530 | color: white;
531 | min-width: 24px;
532 | }
533 | QToolButton:disabled {
534 | color: grey;
535 | }
536 | QToolButton#filterDelOne, QToolButton#filterDelAll {
537 | background-color: #303239;
538 | min-width: 80px;
539 | padding: 2px;
540 | }
541 | SequenceEdit QPushButton, ShortcutSettingsPage QPushButton, GameSelector QPushButton {
542 | background-color: #303239;
543 | color: white;
544 | }
545 | SequenceEdit QPushButton:disabled, ShortcutSettingsPage QPushButton:disabled, GameSelector QPushButton:disabled {
546 | background-color: #303239;
547 | color: grey;
548 | }
549 | SequenceEdit QPushButton:hover, ShortcutSettingsPage QPushButton:hover, GameSelector QPushButton:hover {
550 | background-color: #41444B;
551 | color: white;
552 | }
553 | QToolButton:pressed, QToolButton:hover, QPushButton#ok:hover, QToolButton#filterDelOne:hover, QToolButton#filterDelAll:hover {
554 | background-color: #41444B;
555 | }
556 | QPushButton:hover {
557 | background-color: #B8DEF2;
558 | }
559 | DlgSettings QPushButton {
560 | max-width: 200px;
561 | min-width: 50px;
562 | }
563 | /* NOTE: Buttons on popups */
564 | QMessageBox QPushButton {
565 | min-width: 70px;
566 | }
567 |
568 | /* NOTE: Check boxes and radio buttons */
569 | QCheckBox, QRadioButton {
570 | spacing: 6px;
571 | background-color: transparent;
572 | }
573 | QCheckBox::indicator:unchecked {
574 | image: url(icons/checkbox_unchecked.svg);
575 | }
576 | QCheckBox::indicator:checked {
577 | image: url(icons/checkbox_checked.svg);
578 | }
579 | QCheckBox::indicator:unchecked:hover {
580 | image: url(icons/checkbox_hover.svg);
581 | }
582 | QRadioButton::indicator {
583 | height: 10px;
584 | width: 10px;
585 | }
586 | QRadioButton::indicator:unchecked {
587 | image: url(icons/radio_unchecked.svg);
588 | }
589 | QRadioButton::indicator:checked, QRadioButton::indicator:hover {
590 | image: url(icons/radio_checked.svg);
591 | }
592 |
593 | /* NOTE: Sliders */
594 | QSlider {
595 | background: transparent;
596 | height: 28px;
597 | }
598 | QSlider::groove:horizontal {
599 | background: #202225;
600 | border: 1px solid grey;
601 | border-radius: 3px;
602 | height: 8px;
603 | margin: 2px 0;
604 | }
605 | QSlider::handle:horizontal {
606 | background: #7bc5ea;
607 | border-radius: 3px;
608 | height: 20px;
609 | margin: -7px 0;
610 | width: 10px;
611 | }
612 |
613 | QSplitter {
614 | background-color: transparent;
615 | }
616 | QSplitter::handle:horizontal {
617 | height: 25px;
618 | image: url("icons/splitter-vertical-handle.png");
619 | width: 5px;
620 | }
621 | QSplitter::handle:vertical {
622 | height: 25px;
623 | image: url("icons/splitter-horizontal-handle.png");
624 | width: 5px;
625 | }
--------------------------------------------------------------------------------