Discussion:
FVWM: Question about Gradients on windows decor
Thomas Adam
2011-07-24 10:35:47 UTC
Permalink
Hi Thomas!
I've tried to create a window decoration with gradients, but it doesn't
work. Fvwm version used: 2.6.1
I get only a white background in both windows.
+ TitleStyle     Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60
rgb:31/49/69 -- flat
+ TitleStyle     Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60
rgb:68/75/85 -- flat
Because gradients don't work in this way; you cannot have gradients on
window borders, for instance.
+ BorderStyle    Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60
rgb:31/49/69 -- HiddenHandles NoInset
+ BorderStyle    Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60
rgb:68/75/85 -- HiddenHandles NoInset
# Inactive window borders
Colorset 2 VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69
# Active window borders
Colorset 3 VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85
+ BorderStyle    Inactive Colorset 2 -- HiddenHandles NoInset
+ BorderStyle    Active Colorset 3 -- HiddenHandles NoInset
+ ButtonStyle    All Active (VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99
60 rgb:68/75/85 -- flat) Inactive (VGradient 255 2 rgb:82/9a/ba 40
rgb:65/7d/9d 60 rgb:31/49/69 -- flat)
+ ButtonStyle    All Active (Colorset 3 -- flat) Inactive (Colorset 2 --
flat)
but without success ...
Any suggestions?
ButtonStyle All -- UseTitleStyle

-- Thomas Adam
--
"Deep in my heart I wish I was wrong. But deep in my heart I know I am
not." -- Morrissey ("Girl Least Likely To" -- off of Viva Hate.)
Thomas Funk
2011-07-24 11:29:39 UTC
Permalink
Hi Thomas,
-> I did it first, but I get email back with subject "Stalled post to fvwm" on both addresses (***@fvwm.org and ***@lists.math.uh.edu)

ok, again ... Here's my previous post for completeness with your comments and my questions at the end:

I've tried to create a window decoration with gradients, but it doesn't work. Fvwm version used: 2.6.1
I do the following:

# inactive window decoration
Colorset 0 fg rgb:60/60/60,  VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69

# active window decoration
Colorset 1  fg black, VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85
Post by Thomas Adam
Because gradients don't work in this way; you cannot have gradients on
window borders, for instance.
yes, I wrote this below ... only with Colorset ...

Style    * UseDecor testem
Style    * HandleWidth 10
Style *    Colorset 0, HilightColorset 1

DestroyDecor    testem
AddToDecor    testem
+ TitleStyle  LeftJustified -- Flat
+ ButtonStyle    Reset
+ ButtonStyle    all    -- UseTitleStyle
+ ButtonStyle 1 4 ***@1 ***@1 ***@1 ***@0 -- Flat
+ ButtonStyle 2 - Clear
+ ButtonStyle 2 17 ***@1 ***@1 ***@1 ***@1 ***@1 ***@0 ***@0 ***@1 ***@0 ***@0 ***@0 ***@0 ***@0 ***@0 ***@1 ***@0 ***@1 -- Flat
+ ButtonStyle 4 13 ***@0 ***@0 ***@1 ***@0 ***@0 ***@0 ***@0 ***@1 ***@0 ***@1 ***@1 ***@1 ***@1 -- Flat
+ ButtonStyle 6 3 0+4px50+***@0 100-5px50+***@0 100-5px50-***@0 -- Flat

I get only a white background in both windows.

Titlestyle works:
+ TitleStyle     Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- flat
+ TitleStyle     Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85 -- flat

Borderstyle not:
+ BorderStyle    Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- HiddenHandles NoInset
+ BorderStyle    Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85 -- HiddenHandles NoInset

Only with a Colorset:
# Inactive window borders
Colorset 2 VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69

# Active window borders
Colorset 3 VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85

+ BorderStyle    Inactive Colorset 2 -- HiddenHandles NoInset
+ BorderStyle    Active Colorset 3 -- HiddenHandles NoInset

But the vector buttons ... no chance. I've tried these variants:
+ ButtonStyle    All Active (VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85 -- flat) Inactive (VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- flat)
+ ButtonStyle    All Active (Colorset 3 -- flat) Inactive (Colorset 2 -- flat)

but without success ...

Any suggestions?
Post by Thomas Adam
ButtonStyle All -- UseTitleStyle
I've used it ... see above ...

Ok, again ... why doesn't Gradients work with the style command for inactive/active window decoration? Why appears a white decoration?

Regards,
Thomas
Thomas Funk
2011-07-24 09:36:04 UTC
Permalink
<html><head></head><body bgcolor='#FFFFFF' style='font-size:12px;background-color:#FFFFFF;font-family:Verdana, Arial, sans-serif;'>Hi all!<br/><br/>I've tried to create a window decoration with gradients, but it doesn't work. Fvwm version used: 2.6.1<br/>I do the following:<br/><br/># inactive window decoration<br/>Colorset 0 fg rgb:60/60/60,&nbsp; VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69<br/><br/># active window decoration<br/>Colorset 1&nbsp; fg black, VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85<br/><br/>Style&nbsp;&nbsp; &nbsp;* UseDecor testem<br/>Style&nbsp;&nbsp; &nbsp;* HandleWidth 10<br/>Style *&nbsp;&nbsp; &nbsp;Colorset 0, HilightColorset 1<br/><br/>DestroyDecor&nbsp;&nbsp; &nbsp;testem<br/>AddToDecor&nbsp;&nbsp; &nbsp;testem<br/>+ TitleStyle&nbsp; LeftJustified -- Flat<br/>+ ButtonStyle&nbsp;&nbsp; &nbsp;Reset<br/>+ ButtonStyle&nbsp;&nbsp; &nbsp;all&nbsp;&nbsp; &nbsp;-- UseTitleStyle<br/>+ ButtonStyle 1 4 ***@1 ***@1 ***@1 ***@0 -- Flat<br/>+ ButtonStyle 2 - Clear<br/>+ ButtonStyle 2 17 ***@1 ***@1 ***@1 ***@1 ***@1 ***@0 ***@0 ***@1 ***@0 ***@0 ***@0 ***@0 ***@0 ***@0 ***@1 ***@0 ***@1 -- Flat<br/>+ ButtonStyle 4 13 ***@0 ***@0 ***@1 ***@0 ***@0 ***@0 ***@0 ***@1 ***@0 ***@1 ***@1 ***@1 ***@1 -- Flat<br/>+ ButtonStyle 6 3 0+4px50+***@0 100-5px50+***@0 100-5px50-***@0 -- Flat<br/><br/>I get only a white background in both windows.<br/><br/>Titlestyle works:<br/>+ TitleStyle &nbsp;&nbsp; &nbsp;Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- flat<br/>+ TitleStyle &nbsp;&nbsp; &nbsp;Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85 -- flat<br/><br/>Borderstyle not:<br/>+ BorderStyle&nbsp;&nbsp; &nbsp;Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- HiddenHandles NoInset<br/>+ BorderStyle&nbsp;&nbsp; &nbsp;Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85 -- HiddenHandles NoInset<br/><br/>Only with a Colorset:<br/># Inactive window borders<br/>Colorset 2 VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69<br/><br/># Active window borders<br/>Colorset 3 VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85<br/><br/>+ BorderStyle&nbsp;&nbsp; &nbsp;Inactive Colorset 2 -- HiddenHandles NoInset<br/>+ BorderStyle&nbsp;&nbsp; &nbsp;Active Colorset 3 -- HiddenHandles NoInset<br/><br/>But the vector buttons ... no chance. I've tried these variants:<br/>+ ButtonStyle&nbsp;&nbsp; &nbsp;All Active (VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60 rgb:68/75/85 -- flat) Inactive (VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- flat)<br/>+ ButtonStyle&nbsp;&nbsp; &nbsp;All Active (Colorset 3 -- flat) Inactive (Colorset 2 -- flat)<br/><br/>but without success ...<br/><br/>Any suggestions?<br/><br/>Regards,<br/>Thomas<br/><br/><br/>--<br/>Life is like a box of chocolates - never know what you're gonna get.&nbsp;&nbsp;<br><br><table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#000000"><img src="Loading Image..." width="1" height="1" border="0" alt="" /></td></tr><tr><td style="font-family:verdana; font-size:12px; line-height:17px;">Schon geh&ouml;rt? WEB.DE hat einen genialen Phishing-Filter in die&nbsp;&nbsp;&nbsp;<br>Toolbar eingebaut! <a href="http://produkte.web.de/go/toolbar"><b>http://produkte.web.de/go/toolbar</b></a></td></tr></table>
</body></html>
Dominic Humphries
2011-07-26 12:02:48 UTC
Permalink
I'm still on 2.5, but I have gradient-based window decorations - see
screenshot at
Loading Image...

There might be something you find helpful in the config files, available
at http://geekblog.oneandoneis2.org/media/fvwm.tgz

No idea how much 2.6 changed these things tho..

Dominic
Post by Thomas Funk
Hi all!
I've tried to create a window decoration with gradients, but it
doesn't work. Fvwm version used: 2.6.1
# inactive window decoration
Colorset 0 fg rgb:60/60/60, VGradient 255 2 rgb:82/9a/ba 40
rgb:65/7d/9d 60 rgb:31/49/69
# active window decoration
Colorset 1 fg black, VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60
rgb:68/75/85
Style * UseDecor testem
Style * HandleWidth 10
Style * Colorset 0, HilightColorset 1
DestroyDecor testem
AddToDecor testem
+ TitleStyle LeftJustified -- Flat
+ ButtonStyle Reset
+ ButtonStyle all -- UseTitleStyle
+ ButtonStyle 2 - Clear
I get only a white background in both windows.
+ TitleStyle Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d
60 rgb:31/49/69 -- flat
+ TitleStyle Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99
60 rgb:68/75/85 -- flat
+ BorderStyle Inactive VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d
60 rgb:31/49/69 -- HiddenHandles NoInset
+ BorderStyle Active VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99
60 rgb:68/75/85 -- HiddenHandles NoInset
# Inactive window borders
Colorset 2 VGradient 255 2 rgb:82/9a/ba 40 rgb:65/7d/9d 60
rgb:31/49/69
# Active window borders
Colorset 3 VGradient 255 2 rgb:98/a5/b5 40 rgb:7c/89/99 60
rgb:68/75/85
+ BorderStyle Inactive Colorset 2 -- HiddenHandles NoInset
+ BorderStyle Active Colorset 3 -- HiddenHandles NoInset
+ ButtonStyle All Active (VGradient 255 2 rgb:98/a5/b5 40
rgb:7c/89/99 60 rgb:68/75/85 -- flat) Inactive (VGradient 255 2
rgb:82/9a/ba 40 rgb:65/7d/9d 60 rgb:31/49/69 -- flat)
+ ButtonStyle All Active (Colorset 3 -- flat) Inactive (Colorset 2
-- flat)
but without success ...
Any suggestions?
Regards,
Thomas
--
Life is like a box of chocolates - never know what you're gonna get.
Schon gehört? WEB.DE hat einen genialen Phishing-Filter in die
Toolbar eingebaut! http://produkte.web.de/go/toolbar
Thomas Funk
2011-07-26 14:03:04 UTC
Permalink
Hi Dominique,

thanks for reply :-)

I looked into your config but unfortunatelly it shows the "other" way
over ForeColor, BackColor and sets the gradients directly via 
TitleStyle and ButtonStyle. But it doesn't matter because I found out 
how gradients appears on titlebar AND vector buttons over the
Colorset way ^^. Now both methods are available in this thread!
Great!
 
Here is what I found out. Two things are important to use gradients
with Colorsets:
1. Not using "ButtonStyle" but "AddButtonStyle"
2. A combination of some Colorsets AND TitleStyle settings:
 
# Needed Colorsets
###########################

# The base/sole Style Colorset
# fg = Inactive titlebar font color
# bg = Inactive hilight color for vector buttons
# sh = Inactive shade color for vector buttons
Colorset 1 fg #606060, bg #606060, sh #98a5b5
 
# The active window Colorset
# Gradient = Active windows titlebar
# fg = Active titlebar font color
# bg = Active hilight color for vector buttons
# sh = Active shade color for vector buttons
Colorset 2  VGradient 255 2 #829aba 40 #657d9d 60 #314969, bg white, fg white, fgAlpha 85, sh #606060, NoShape
 
# The inactive window Colorset
# Gradient = Inactive windows titlebar
# bg = inactive border line color
# hi = inactive border line color
# sh = inactive shade border line color
Colorset 3 VGradient 255 2 #98a5b5 40 #7c8999 60 #687585, bg #687585, hi #657d9d, NoShape
  
# Needed Style settings
############################
Style * Colorset 1
Style * HilightColorset 2
 
# Needed TitleStyle settings
############################
TitleStyle AllActive   Colorset 2
TitleStyle AllInactive Colorset 3
 
If the TitleStyle settings are deactivated the gradients disappear. The 
titlebar + buttons use now the background color of the respective
Colorset:
Active ->  Colorset 2
Inactive ->  Colorset 3


Regards,
Thomas

Loading...