#70 Lack of Group Box skinning

[Anonymous]

Issue: There is no option to change the appearance of Group Boxes.

(What do I mean by a Group Box? It is the widget in the preview in the KDE control panel>Apperance>Style, named "Group Box". Please do not consider this to be rude/pedantic; I am mentioning it because I searched for a long time about what to call this.)

The result of this is that my current dark heavily-colored theme has jarring/ugly white highlights on the Combo Boxes that I cannot colorize.

[Thomas Luebking]

Are you looking for e.g. the "Sunken groupboxs" checkbox on the bottom of the "Windows" page?
(It's not supposed to be colored anyway - you get either some bevel or a mac-a-like inlay ;-)

[Mats Ahlgren]

I finally located the "sunken groupboxes" checkbox shortly before I wrote up this issue. I currently have that turned on, but I much prefer the amazing gloss-underlay.

Unfortunately the underlay just looks way too jarring; perhaps it only works for light color schemes and/or relatively unsaturated schemes?

I've attached my theme+colorscheme to demonstrate. If you load them up and re-disable the Sunken groupboxes, you can see how the white overlay jars very unfortunately with dark color schemes. If you then switch to Oxygen, you can see how for some reason it looks great in Oxygen.

A variety of suggestions:
- ability to set the underlay's color to one of {button, button highlight, window, etc.}
- ability to set a percentage, just like the View's alternate-item background defaults to 3% tint
- hard-coding the underlay to be "lighter than the background color" by taking the background color's HSV value and increasing brightness by a constant value, (e.g. 0.2), so that the saturation stays the same and does not turn white/gray

Thanks again for the amazing theme!

[Mats Ahlgren]

The sourceforge.net UI is completely preventing me from uploading any file unless I open a new bug report.

Rather than create an extraneous bug, I have copy-pasted the contents of the TWO files below:

1) Bespin theme
2) color theme to stick into ~/.kde4/share/apps/color-schemes

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ BEGIN Bespin-Mats3.bespin

[BespinStyle]
StoreName=Bespin-Mats3
Bg.Intensity=50
Bg.Modal.Glassy=true
Bg.Modal.Invert=false
Bg.Modal.Opacity=100
Bg.Mode=2
Bg.RingOverlay=false
Bg.Structure=9
Bg.TooltipRole=10
Btn.ActiveRole=12
Btn.AmbientLight=true
Btn.BackLightHover=false
Btn.BevelEnds=false
Btn.CheckType=0
Btn.Cushion=true
Btn.DisabledToolStyle=0
Btn.FullHover=true
Btn.Gradient=4
Btn.Layer=0
Btn.MinHeight=26
Btn.Role=1
Btn.Round=false
Btn.Tool.ActiveRole=12
Btn.Tool.Gradient=0
Btn.Tool.Role=10
Btn.ToolConnected=false
Btn.ToolSunken=0
Chooser.Gradient=3
Input.PwEchoChar=8782
KWin.ActiveGradient=2
KWin.ActiveRole=10
KWin.ActiveText=10
KWin.InactiveGradient=0
KWin.InactiveRole=10
KWin.InactiveText=10
Menu.ActiveItemSunken=true
Menu.ActiveRole=12
Menu.BoldText=false
Menu.Glassy=true
Menu.ItemGradient=2
Menu.OpacityARGB=255
Menu.Role=10
Menu.Round=true
Menu.RoundSelect=true
Menu.Shadow=true
Menu.ShowIcons=true
Progress.Gradient=7
Progress.RoleBg=10
Progress.RoleFg=12
QPalette\active=#b2dfee, #066985, #f0f0f0, #dcdcdc, #464646, #646464, #d2def0, #ffffff, #50f7ff, #2e4555, #324c5d, #0c1317, #008eb2, #f4f4f4, #00a6cf, #26b1d5, #2c4656, #000000, #324c5d, #b2dfee
QPalette\disabled=#5c7d8d, #055c75, #f0f0f0, #dcdcdc, #464646, #646464, #8091a2, #ffffff, #1c889a, #2f4757, #324c5d, #0b1014, #626262, #53707e, #00a6cf, #26b1d5, #344b5b, #000000, #324c5d, #b2dfee
QPalette\inactive=#b2dfee, #066985, #f0f0f0, #dcdcdc, #464646, #646464, #d2def0, #ffffff, #50f7ff, #2e4555, #324c5d, #0c1317, #008eb2, #f4f4f4, #00a6cf, #26b1d5, #2c4656, #000000, #324c5d, #b2dfee
Scroll.ActiveRole=12
Scroll.Gradient=7
Scroll.Groove=0
Scroll.InvertBg=true
Scroll.Role=1
Scroll.SlimSlider=false
ShadowIntensity=56
ShowMnemonic=true
SunkenGroups=true
Tab.ActiveRole=12
Tab.ActiveTabSunken=false
Tab.Gradient=3
Tab.Role=10
Uno=false
Uno.Gradient=2
Uno.Role=10
Uno.Sunken=false
Uno.Title=true
Uno.Toolbar=true
View.HeaderGradient=6
View.HeaderRole=10
View.ShadeLevel=3
View.ShadeRole=1
View.SortingHeaderGradient=5
View.SortingHeaderRole=1

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ BEGIN Mats3.colors

[ColorEffects:Disabled]
Color=112,111,110
ColorAmount=0
ColorEffect=0
ContrastAmount=0.65
ContrastEffect=1
IntensityAmount=0.25
IntensityEffect=2

[ColorEffects:Inactive]
Color=112,111,110
ColorAmount=0
ColorEffect=0
ContrastAmount=0.25
ContrastEffect=2
Enable=false
IntensityAmount=0.05
IntensityEffect=2

[Colors:Button]
BackgroundAlternate=6,95,120
BackgroundNormal=6,105,133
DecorationFocus=0,255,221
DecorationHover=0,226,255
ForegroundActive=255,255,255
ForegroundInactive=135,143,154
ForegroundLink=156,212,255
ForegroundNegative=225,150,209
ForegroundNeutral=218,198,115
ForegroundNormal=80,247,255
ForegroundPositive=145,221,100
ForegroundVisited=64,128,255

[Colors:Selection]
BackgroundAlternate=111,126,144
BackgroundNormal=0,142,178
DecorationFocus=125,141,153
DecorationHover=119,149,179
ForegroundActive=255,255,255
ForegroundInactive=174,192,218
ForegroundLink=156,212,255
ForegroundNegative=225,150,209
ForegroundNeutral=218,198,115
ForegroundNormal=244,244,244
ForegroundPositive=145,221,100
ForegroundVisited=64,128,255

[Colors:Tooltip]
BackgroundAlternate=171,181,195
BackgroundNormal=182,193,208
DecorationFocus=125,141,153
DecorationHover=119,149,179
ForegroundActive=255,255,255
ForegroundInactive=112,118,128
ForegroundLink=87,161,218
ForegroundNegative=99,66,92
ForegroundNeutral=86,78,45
ForegroundNormal=42,44,48
ForegroundPositive=57,86,38
ForegroundVisited=46,95,185

[Colors:View]
BackgroundAlternate=48,65,80
BackgroundNormal=46,69,85
DecorationFocus=125,141,153
DecorationHover=119,149,179
ForegroundActive=255,255,255
ForegroundInactive=135,143,154
ForegroundLink=156,212,255
ForegroundNegative=225,150,209
ForegroundNeutral=218,198,115
ForegroundNormal=210,222,240
ForegroundPositive=145,221,100
ForegroundVisited=64,128,255

[Colors:Window]
BackgroundAlternate=78,83,94
BackgroundNormal=50,76,93
DecorationFocus=125,141,153
DecorationHover=119,149,179
ForegroundActive=255,255,255
ForegroundInactive=135,143,154
ForegroundLink=156,212,255
ForegroundNegative=225,150,209
ForegroundNeutral=218,198,115
ForegroundNormal=178,223,238
ForegroundPositive=145,221,100
ForegroundVisited=64,128,255

[General]
Name=mats3
shadeSortColumn=true

[KDE]
contrast=10

[WM]
activeBackground=138,151,166
activeForeground=224,237,255
inactiveBackground=100,109,121
inactiveForeground=140,152,168

[Thomas Luebking]

[Thomas Luebking]

bad browser? works flawless here ;-) (arora)

so you don't like it turns into some kind of glass for dark/saturated colors?
i guess there could be an option (actually i somehow like that aspect, maybe try in combination with glas windows)

[Mats Ahlgren]

{had to attach file in separate private bug -- sorry about that}

Ironically, I very much would like a glass effect too =) Unfortunately to make the glass effect realistic, it would need to be reflective. On some themes, white is the "ambient color" of light, so a white shine gives the illusion of reflection. Unfortunately, for this theme the "ambient color" is significantly off-white (like a cyan-tinted lightbulb), and thus the white seems very unnatural.

I'm not begging for any particular feature, but this got me thinking, so I made a few mockups which you might find interesting.
I do have to say though, the glass underlay is very nice on light-colored themes.

description of attached image:
top-left:
with glass
bottom-left:
with glass with customizable color
bottom-right: -- some things I was playing around with (none of which seemed interesting)
left - doublegradients like in Baghira;
middle - tinting base groupbox color (lighter)
right - tinting base groupbox color (darker)
top-right:
inner-glow (like the glow on a button, but in reverse)

The glass underlay is a fixed-pixel size (at least in bespin-demo), so for very small or very large groupboxes the glass effect seems to overpower the borders. The top-right mockup (inner-glow) attempts to address this.