User Tools

Site Tools


skin_color_schemes_tips_and_tool

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
skin_color_schemes_tips_and_tool [2014/06/02 12:32]
jus [Color Declarations Affected by Schemer]
skin_color_schemes_tips_and_tool [2016/09/25 15:14]
ronso link update
Line 51: Line 51:
  
 === Hue Caveat === === Hue Caveat ===
-The **<​HConst>​-185</​HConst>​** tells Mixxx to subtract 189 from the Hue values all the colors used in my images. This worked for me since all the colors used were at lease Hue=189. **Be careful** when doing this kind of blanket manipulation. **There is [[https://​bugs.launchpad.net/​mixxx/​+bug/​816715|a bug in version 1.9]]** that does not allow Hue values higher than 255! Any Hue changes that result in a number higher than 255 or lower than 0 will "wrap around"​. If you add 102 to cyan (H=189), you should get a nice purple color (H=291), but Mixxx will say, "Hey! That number'​s too high!" and subtract 255, leaving you with orange (H=36). So when using <​HConst>​ in your schemes, **be sure not to have your colors wrap around**. My **[[http://​www.mrfloresreads.info/​remixes/​mixxxschemeutil.html#​tool|scheme builder tool]]** can help.+The **<​HConst>​-185</​HConst>​** tells Mixxx to subtract 189 from the Hue values all the colors used in my images. This worked for me since all the colors used were at lease Hue=189. **Be careful** when doing this kind of blanket manipulation. ​<del>**There is [[https://​bugs.launchpad.net/​mixxx/​+bug/​816715|a bug in version 1.9]]** that does not allow Hue values higher than 255! Any Hue changes that result in a number higher than 255 or lower than 0 will "wrap around"​.</​del> ​If you add 102 to cyan (H=189), you should get a nice purple color (H=291), ​<del>but Mixxx will say, "Hey! That number'​s too high!" and subtract 255, leaving you with orange (H=36)</​del>​. So when using <​HConst>​ in your schemes, **be sure not to have your colors wrap around**. My **[[http://​www.mrfloresreads.info/​remixes/​mixxxschemeutil.html#​tool|scheme builder tool]]** can help.
    
 By using //**just <​HConst>​**//,​ I was able to come up with a schemed skin with 5 different color combinations. ([[http://​www.mrfloresreads.info/​remixes/​CrystalJelly1280x800-WXGA.zip|Download skin ZIP]]) By using //**just <​HConst>​**//,​ I was able to come up with a schemed skin with 5 different color combinations. ([[http://​www.mrfloresreads.info/​remixes/​CrystalJelly1280x800-WXGA.zip|Download skin ZIP]])
Line 217: Line 217:
 --------- ---------
 ===== QT ===== ===== QT =====
-* - QT is a UI framework used to build Mixxx. Most elements of the interface can be styled using CSS within special XML tags such as <​BgColor>​. Some elements //​**must**//​ be styled by referencing the QT element within ​ <​Style>​ tags. For example, to modify the borders of the library widget, the colors of the header, or the style of the scrollbars, you need to use the <​Style>​ tags. Some CSS statements must use QT-specific versions, such as "​qlineargradient"​. The most useful page I found was the [[http://​doc.qt.nokia.com/latest/​stylesheet-reference.html|stylesheet reference list]].+* - QT is a UI framework used to build Mixxx. Most elements of the interface can be styled using CSS within special XML tags such as <​BgColor>​. Some elements //​**must**//​ be styled by referencing the QT element within ​ <​Style>​ tags. For example, to modify the borders of the library widget, the colors of the header, or the style of the scrollbars, you need to use the <​Style>​ tags. Some CSS statements must use QT-specific versions, such as "​qlineargradient"​. The most useful page I found was the [[http://​doc.qt.io/qt-4.8/​stylesheet-reference.html#​list-of-properties|stylesheet reference list]].
skin_color_schemes_tips_and_tool.txt ยท Last modified: 2016/09/25 15:14 by ronso