1
0
mirror of https://github.com/qTox/qTox.git synced 2024-03-22 14:00:36 +08:00

style: add custom style for QCheckBox for dark theme

This commit is contained in:
TriKriSta 2019-03-28 21:21:40 +02:00
parent 769e239661
commit c778712b13
4 changed files with 119 additions and 0 deletions

View File

@ -84,6 +84,8 @@
<file>themes/dark/msgEdit/msgEdit.css</file>
<file>themes/dark/settings/mainContent.css</file>
<file>themes/dark/settings/mainHead.css</file>
<file>themes/dark/settings/checkboxChecked.svg</file>
<file>themes/dark/settings/checkboxCheckedDisabled.svg</file>
<file>themes/dark/statusButton/statusButton.css</file>
<file>themes/dark/statusButton/menu_indicator.svg</file>
<file>themes/dark/window/general.css</file>

View File

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="12"
height="12"
viewBox="0 0 11.999999 12"
id="Layer_1"
xml:space="preserve"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="checkboxChecked.svg"><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1015"
id="namedview6"
showgrid="false"
inkscape:zoom="39.333333"
inkscape:cx="-1.2584748"
inkscape:cy="5.4642197"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><metadata
id="metadata9"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs7" /><path
d="M 11.17966,1.8934443 4.1597484,9.1919256 0.79836133,5.8676812"
id="path2999"
style="fill:none;stroke:#c3c3c3;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
inkscape:connector-curvature="0" /></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="12"
height="12"
viewBox="0 0 11.999999 12"
id="Layer_1"
xml:space="preserve"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="checkboxCheckedDisabled.svg"><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1015"
id="namedview6"
showgrid="false"
inkscape:zoom="39.333333"
inkscape:cx="-14.297181"
inkscape:cy="5.4642197"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><metadata
id="metadata9"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs7" /><path
d="M 11.17966,1.8934443 4.1597484,9.1919256 0.79836133,5.8676812"
id="path2999"
style="fill:none;stroke:#37353f;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.94117647"
inkscape:connector-curvature="0" /></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -22,11 +22,36 @@ QCheckBox
color: @mainText;
}
QCheckBox::indicator {
width: 12px;
height: 12px;
border: 2px solid #514f4f;
border-radius: 2px;
}
QCheckBox::indicator:checked {
image: url("@getImagePath(settings/checkboxChecked.svg)");
}
QCheckBox::indicator:checked:pressed,
QCheckBox::indicator:unchecked:pressed {
background: #514f4f;
}
QCheckBox:disabled
{
color: grey;
}
QCheckBox:indicator:disabled {
border: 2px solid #373535;
border-radius: 2px;
}
QCheckBox:indicator:checked:disabled {
image: url("@getImagePath(settings/checkboxCheckedDisabled.svg)");
}
QSpinBox, QDoubleSpinBox
{
background-color: @groundBase;