[FEATURE] BevelType Color

[David8192]

I like BevelType a lot, but sooner than later, I tend to remove it from my skins because of the color composition. There is nothing wrong with white, I just don't like the glare. When I dim all colors on a skin, but the bevel is glaring, it feels, weird and quite annoying.

feature.JPG

The ability to change the Bevel color could both add to eye-candy, eye-safety; and general comfort.
A nice

Code: Select all

BevelTypeColor=#Color1#
BevelTypeColor2=#Color2

or,

Code: Select all

BevelTypePrimaryColor=#Color1#
BevelTypeSecondaryColor=#Color2#

would be AMAZING.

[eclectic-tech]

The built-in bevel is so "20th century"!
And it is not customizable

Your suggestion would improve it's versatility.

For myself, the SHAPE meter is how I create meter backgrounds and it can also create customizable bevels.

bevels.png

Here some code to play with...

Code: Select all

; ========= Metadata ==========
[Metadata]
Name=Customizeable Bevel Shape
Author=E.T.
Information=Use shape meter as customizeable style for skins and multiple meters versus the built-in bevel option 
; BY=attribution / SA=share-alike / ND=no-derivatives / NC=non-commercial
License=CC BY-SA-NC 3.0
Version=0.1

; ========= Variables ==========
[Variables]
Spacer=8

BoxW=132
BoxH=22

; Bevel depth: default style is '2', subtle style use '1 ~ 1.5', bold style use '2.5 ~ 4'
BevelDepth=2

; Use darker color for top bevel and lighter color for bottom bevel for 'sunken' bevels
; Use lighter color for top bevel and darker color for bottom bevel for 'raised' bevels
TopBevelColor=25,25,25,220
BottomBevelColor=240,240,240,220

; ========= Skin Settings ==========
[Rainmeter]
Update=1000
AccurateText=1
DynamicWindowSize=1
Group=#RootConfig#


; ========= Measures ==========



; ========= Meter Styles ==========
; OPTIONAL Bevel for entire skin if desired
; [MeterSpacer] at the end of the code is for balancing the vertical postioning
[SkinBevel]
Meter=Shape
DynamicVariables=1

Shape=Rectangle 1,1,#CurrentConfigWidth#,#CurrentConfigHeight# | StrokeWidth 0 | Fill Color 100,100,100,100

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=1,#CurrentConfigHeight# | LineTo 1,1 | LineTo #CurrentConfigWidth#,1 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=#CurrentConfigWidth#,0 | LineTo #CurrentConfigWidth#,#CurrentConfigHeight# | LineTo 0,#CurrentConfigHeight# | ClosePath 0
AntiAlias=1
UpdateDivider=-1


; ========= Meters ==========
[MeterString]
Meter=String
X=(#BoxW#*0.5)
Text=Shape Bevels
StringAlign=Center
W=(#BoxW#*1.2)
Padding=10,3,10,3
AntiAlias=1


; Define bevel in this meter and use it as the style for similar meters
[MeterBoxBevel1]
Meter=Shape
X=#Spacer#
Y=1R
AntiAlias=1

Shape=Rectangle 0,0,#BoxW#,#BoxH# | StrokeWidth 0

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=0,#BoxH# | LineTo 0,0 | LineTo #BoxW#,0 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=#BoxW#,0 | LineTo #BoxW#,#BoxH# | LineTo 0,#BoxH# | ClosePath 0


[MeterBoxBevel2]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevel1


[MeterBoxBevel3]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevel1


[MeterStringBox1]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel1:X]+#Spacer#)
Y=([MeterBoxBevel1:Y]+#Spacer#*0.5)
Text=Rainmeter
SolidColor=0,0,0,1
AntiAlias=1
LeftMouseUpAction=["https://www.rainmeter.net"]


[MeterStringBox2]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel2:X]+#Spacer#)
Y=([MeterBoxBevel2:Y]+#Spacer#*0.5)
Text=Customized
AntiAlias=1


[MeterStringBox3]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel3:X]+#Spacer#)
Y=([MeterBoxBevel3:Y]+#Spacer#*0.5)
Text=Desktops
AntiAlias=1


; Define bevel in this meter and use it as the style for similar meters
[MeterBoxBevelA1]
Meter=Shape
X=#Spacer#
Y=(#Spacer#*1.5)R
AntiAlias=1

Shape=Rectangle 0,0,(#BoxW#*0.75),#BoxH# | StrokeWidth 0

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=0,#BoxH# | LineTo 0,0 | LineTo (#BoxW#*0.75),0 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=(#BoxW#*0.75),0 | LineTo (#BoxW#*0.75),#BoxH# | LineTo 0,#BoxH# | ClosePath 0


[MeterBoxBevelA2]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevelA1


[MeterBoxBevelA3]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevelA1


[MeterStringBoxA1]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA1:X]+#Spacer#)
Y=([MeterBoxBevelA1:Y]+#Spacer#*0.5)
Text=Are
AntiAlias=1


[MeterStringBoxA2]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA2:X]+#Spacer#)
Y=([MeterBoxBevelA2:Y]+#Spacer#*0.5)
Text=Totally
AntiAlias=1


[MeterStringBoxA3]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA3:X]+#Spacer#)
Y=([MeterBoxBevelA3:Y]+#Spacer#*0.5)
Text=Awesome
AntiAlias=1


[MeterBottomSpacer]
Meter=Image
X=0
Y=#Spacer#R
W=#CurrentConfigWidth#
H=(#Spacer#*0.5)
SolidColor=100,100,100,100

[Brian]

We can take a look at this.

The only issue I see is that options defined in the [Rainmeter] section are generally not dynamic, so any color options would not be able to change after the skin first loads. If this is the case, eclectic-tech's suggestion of using the Shape meter might be the better option.

-Brian

[David8192]

The built-in bevel is so "20th century"!
And it is not customizable

Your suggestion would improve it's versatility.

Certainly!

For myself, the SHAPE meter is how I create meter backgrounds and it can also create customizable bevels.
bevels.png
Here some code to play with...

Code: Select all

; ========= Metadata ==========
[Metadata]
Name=Customizeable Bevel Shape
Author=E.T.
Information=Use shape meter as customizeable style for skins and multiple meters versus the built-in bevel option 
; BY=attribution / SA=share-alike / ND=no-derivatives / NC=non-commercial
License=CC BY-SA-NC 3.0
Version=0.1

; ========= Variables ==========
[Variables]
Spacer=8

BoxW=132
BoxH=22

; Bevel depth: default style is '2', subtle style use '1 ~ 1.5', bold style use '2.5 ~ 4'
BevelDepth=2

; Use darker color for top bevel and lighter color for bottom bevel for 'sunken' bevels
; Use lighter color for top bevel and darker color for bottom bevel for 'raised' bevels
TopBevelColor=25,25,25,220
BottomBevelColor=240,240,240,220

; ========= Skin Settings ==========
[Rainmeter]
Update=1000
AccurateText=1
DynamicWindowSize=1
Group=#RootConfig#


; ========= Measures ==========



; ========= Meter Styles ==========
; OPTIONAL Bevel for entire skin if desired
; [MeterSpacer] at the end of the code is for balancing the vertical postioning
[SkinBevel]
Meter=Shape
DynamicVariables=1

Shape=Rectangle 1,1,#CurrentConfigWidth#,#CurrentConfigHeight# | StrokeWidth 0 | Fill Color 100,100,100,100

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=1,#CurrentConfigHeight# | LineTo 1,1 | LineTo #CurrentConfigWidth#,1 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=#CurrentConfigWidth#,0 | LineTo #CurrentConfigWidth#,#CurrentConfigHeight# | LineTo 0,#CurrentConfigHeight# | ClosePath 0
AntiAlias=1
UpdateDivider=-1


; ========= Meters ==========
[MeterString]
Meter=String
X=(#BoxW#*0.5)
Text=Shape Bevels
StringAlign=Center
W=(#BoxW#*1.2)
Padding=10,3,10,3
AntiAlias=1


; Define bevel in this meter and use it as the style for similar meters
[MeterBoxBevel1]
Meter=Shape
X=#Spacer#
Y=1R
AntiAlias=1

Shape=Rectangle 0,0,#BoxW#,#BoxH# | StrokeWidth 0

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=0,#BoxH# | LineTo 0,0 | LineTo #BoxW#,0 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=#BoxW#,0 | LineTo #BoxW#,#BoxH# | LineTo 0,#BoxH# | ClosePath 0


[MeterBoxBevel2]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevel1


[MeterBoxBevel3]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevel1


[MeterStringBox1]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel1:X]+#Spacer#)
Y=([MeterBoxBevel1:Y]+#Spacer#*0.5)
Text=Rainmeter
SolidColor=0,0,0,1
AntiAlias=1
LeftMouseUpAction=["https://www.rainmeter.net"]


[MeterStringBox2]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel2:X]+#Spacer#)
Y=([MeterBoxBevel2:Y]+#Spacer#*0.5)
Text=Customized
AntiAlias=1


[MeterStringBox3]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel3:X]+#Spacer#)
Y=([MeterBoxBevel3:Y]+#Spacer#*0.5)
Text=Desktops
AntiAlias=1


; Define bevel in this meter and use it as the style for similar meters
[MeterBoxBevelA1]
Meter=Shape
X=#Spacer#
Y=(#Spacer#*1.5)R
AntiAlias=1

Shape=Rectangle 0,0,(#BoxW#*0.75),#BoxH# | StrokeWidth 0

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=0,#BoxH# | LineTo 0,0 | LineTo (#BoxW#*0.75),0 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=(#BoxW#*0.75),0 | LineTo (#BoxW#*0.75),#BoxH# | LineTo 0,#BoxH# | ClosePath 0


[MeterBoxBevelA2]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevelA1


[MeterBoxBevelA3]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevelA1


[MeterStringBoxA1]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA1:X]+#Spacer#)
Y=([MeterBoxBevelA1:Y]+#Spacer#*0.5)
Text=Are
AntiAlias=1


[MeterStringBoxA2]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA2:X]+#Spacer#)
Y=([MeterBoxBevelA2:Y]+#Spacer#*0.5)
Text=Totally
AntiAlias=1


[MeterStringBoxA3]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA3:X]+#Spacer#)
Y=([MeterBoxBevelA3:Y]+#Spacer#*0.5)
Text=Awesome
AntiAlias=1


[MeterBottomSpacer]
Meter=Image
X=0
Y=#Spacer#R
W=#CurrentConfigWidth#
H=(#Spacer#*0.5)
SolidColor=100,100,100,100

I am in for a long play-date with this one!
This is exactly what I am hoping the BevelType can accomplish.
Thanks E.T

[SilverAzide]

We can take a look at this.

The only issue I see is that options defined in the [Rainmeter] section are generally not dynamic, so any color options would not be able to change after the skin first loads. If this is the case, eclectic-tech's suggestion of using the Shape meter might be the better option.

-Brian

If you ever do decide to time-travel back to the days of Windows 95, here's something from a couple years ago that could use fixing a lot more than the bevel colors...

Bevels are less bevelly in 4.3

[David8192]

We can take a look at this.

The only issue I see is that options defined in the [Rainmeter] section are generally not dynamic, so any color options would not be able to change after the skin first loads. If this is the case, eclectic-tech's suggestion of using the Shape meter might be the better option.

-Brian

I feel that dynamically changing it in the [Rainmeter] section would not be extremely necessary... So... That part is definitely fine.

[David8192]

The built-in bevel is so "20th century"!
And it is not customizable

Your suggestion would improve it's versatility.

For myself, the SHAPE meter is how I create meter backgrounds and it can also create customizable bevels.
bevels.png
Here some code to play with...

Code: Select all

; ========= Metadata ==========
[Metadata]
Name=Customizeable Bevel Shape
Author=E.T.
Information=Use shape meter as customizeable style for skins and multiple meters versus the built-in bevel option 
; BY=attribution / SA=share-alike / ND=no-derivatives / NC=non-commercial
License=CC BY-SA-NC 3.0
Version=0.1

; ========= Variables ==========
[Variables]
Spacer=8

BoxW=132
BoxH=22

; Bevel depth: default style is '2', subtle style use '1 ~ 1.5', bold style use '2.5 ~ 4'
BevelDepth=2

; Use darker color for top bevel and lighter color for bottom bevel for 'sunken' bevels
; Use lighter color for top bevel and darker color for bottom bevel for 'raised' bevels
TopBevelColor=25,25,25,220
BottomBevelColor=240,240,240,220

; ========= Skin Settings ==========
[Rainmeter]
Update=1000
AccurateText=1
DynamicWindowSize=1
Group=#RootConfig#


; ========= Measures ==========



; ========= Meter Styles ==========
; OPTIONAL Bevel for entire skin if desired
; [MeterSpacer] at the end of the code is for balancing the vertical postioning
[SkinBevel]
Meter=Shape
DynamicVariables=1

Shape=Rectangle 1,1,#CurrentConfigWidth#,#CurrentConfigHeight# | StrokeWidth 0 | Fill Color 100,100,100,100

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=1,#CurrentConfigHeight# | LineTo 1,1 | LineTo #CurrentConfigWidth#,1 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=#CurrentConfigWidth#,0 | LineTo #CurrentConfigWidth#,#CurrentConfigHeight# | LineTo 0,#CurrentConfigHeight# | ClosePath 0
AntiAlias=1
UpdateDivider=-1


; ========= Meters ==========
[MeterString]
Meter=String
X=(#BoxW#*0.5)
Text=Shape Bevels
StringAlign=Center
W=(#BoxW#*1.2)
Padding=10,3,10,3
AntiAlias=1


; Define bevel in this meter and use it as the style for similar meters
[MeterBoxBevel1]
Meter=Shape
X=#Spacer#
Y=1R
AntiAlias=1

Shape=Rectangle 0,0,#BoxW#,#BoxH# | StrokeWidth 0

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=0,#BoxH# | LineTo 0,0 | LineTo #BoxW#,0 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=#BoxW#,0 | LineTo #BoxW#,#BoxH# | LineTo 0,#BoxH# | ClosePath 0


[MeterBoxBevel2]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevel1


[MeterBoxBevel3]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevel1


[MeterStringBox1]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel1:X]+#Spacer#)
Y=([MeterBoxBevel1:Y]+#Spacer#*0.5)
Text=Rainmeter
SolidColor=0,0,0,1
AntiAlias=1
LeftMouseUpAction=["https://www.rainmeter.net"]


[MeterStringBox2]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel2:X]+#Spacer#)
Y=([MeterBoxBevel2:Y]+#Spacer#*0.5)
Text=Customized
AntiAlias=1


[MeterStringBox3]
Meter=String
DynamicVariables=1
X=([MeterBoxBevel3:X]+#Spacer#)
Y=([MeterBoxBevel3:Y]+#Spacer#*0.5)
Text=Desktops
AntiAlias=1


; Define bevel in this meter and use it as the style for similar meters
[MeterBoxBevelA1]
Meter=Shape
X=#Spacer#
Y=(#Spacer#*1.5)R
AntiAlias=1

Shape=Rectangle 0,0,(#BoxW#*0.75),#BoxH# | StrokeWidth 0

Shape2=Path MyPath2 | StrokeWidth #BevelDepth# | Stroke Color #TopBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath2=0,#BoxH# | LineTo 0,0 | LineTo (#BoxW#*0.75),0 | ClosePath 0

Shape3=Path MyPath3 | StrokeWidth #BevelDepth# | Stroke Color #BottomBevelColor# | Fill Color 0,0,0,0
; PathName=StartX, StartY | {at least 1 of the following} {LineTo EndX, EndY} {ArcTo EndX, EndY} {CurveTo EndX, EndY, ControlX1, ControlY1} | {SetRoundJoin 0 or 1) | {SetNoStroke 0 or 1} | {ClosePath 0 or 1}
MyPath3=(#BoxW#*0.75),0 | LineTo (#BoxW#*0.75),#BoxH# | LineTo 0,#BoxH# | ClosePath 0


[MeterBoxBevelA2]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevelA1


[MeterBoxBevelA3]
Meter=Shape
X=r
Y=#Spacer#R
MeterStyle=MeterBoxBevelA1


[MeterStringBoxA1]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA1:X]+#Spacer#)
Y=([MeterBoxBevelA1:Y]+#Spacer#*0.5)
Text=Are
AntiAlias=1


[MeterStringBoxA2]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA2:X]+#Spacer#)
Y=([MeterBoxBevelA2:Y]+#Spacer#*0.5)
Text=Totally
AntiAlias=1


[MeterStringBoxA3]
Meter=String
DynamicVariables=1
X=([MeterBoxBevelA3:X]+#Spacer#)
Y=([MeterBoxBevelA3:Y]+#Spacer#*0.5)
Text=Awesome
AntiAlias=1


[MeterBottomSpacer]
Meter=Image
X=0
Y=#Spacer#R
W=#CurrentConfigWidth#
H=(#Spacer#*0.5)
SolidColor=100,100,100,100

Okay. Shapes are just blowing my mind off!

wow.JPG

Hoping this can be added too???
BevelTypeSize=

[David8192]

Oh, yeah,

wowz.JPG

This is how I like this one.

[Brian]

BevelColor and BevelColor2 have been added and will be available for the next release.

For BevelType=1, the BevelColor will represent the color on the left and top edges of the skin/meter. BevelColor2 will represent the colors on the right and bottom of the skin/meter.

For BevelType=2, the BevelColor will represent the color on the right and bottom edges of the skin/meter. BevelColor2 will represent the colors on the left and top of the skin/meter.

I also fixed the issue reported here:
https://forum.rainmeter.net/viewtopic.php?t=31791#p160578

-Brian

[SilverAzide]

Thank you very much! Bevels are back, and more bevelly than ever!