Neon Rings - CPU monitoring and weather suite

[bravo-lemur]

Neon Rings - DeviantArt

My first Rainmeter suite, so please be kind Couldn't find a suite that matched the wallpaper to my liking, so I made my own! I'm no graphic designer, so it's a bit unsophisticated in places, but I'm really proud of the glow effect on the rings.

The weather skin is based on JSMorley's Weather.com skin, so should hopefully be impervious to breaking whenever the website updates (many thanks to JSMorley for creating all the backend files and for assistance with the suntrail, and to Yincognito for advice, too).

Hope you guys like it!

[Tondascz]

Hey i love this, and i want to ask you for link to that clocks and date on 2nd screenshot

[CodeCode]

Gorgeous.

Nice work!

[bravo-lemur]

Version 1.2 is now available to download, with a new 'Settings' skin to adjust the colours, ring sizes, temperature units and other options across the suite.

If you come across any bugs, please let me know!

[bravo-lemur]

Hey i love this, and i want to ask you for link to that clocks and date on 2nd screenshot

Hi, sorry for not seeing your post before! The clock/date skin is from the Mond suite.

Gorgeous.

Nice work!

Thank you!

[death.crafter]

Version 1.2 is now available to download, with a new 'Settings' skin to adjust the colours, ring sizes, temperature units and other options across the suite.

If you come across any bugs, please let me know!

Not a bug but a suggestion:

Code: Select all

[Variables]
OuterRadius=86
InnerRadius=58

[Container]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill RadialGradient MyGradient
MyGradient=0,0,0,0,[#OuterRadius],[#OuterRadius] | 00000000;0.0 | 00000000;([#InnerRadius]/[#OuterRadius]) | 0,0,0,250;(([#InnerRadius]+[#OuterRadius])/(2*[#OuterRadius])) | 00000000;1

[Glow]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill LinearGradient MyGradient
Shape2=Ellipse [#OuterRadius],[#OuterRadius],(([#InnerRadius]+[#OuterRadius])/2),(([#InnerRadius]+[#OuterRadius])/2) | Fill Color 0,0,0,1 | StrokeWidth 2.2 | StrokeColor FEFEFE
MyGradient=90 | 116, 188, 255;0.0 | 255, 73, 181;1.0
Container=Container

A better way to glow.

Preview:

Screenshot 2021-07-06 111042.png

[bravo-lemur]

Not a bug but a suggestion:

Code: Select all

[Variables]
OuterRadius=86
InnerRadius=58

[Container]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill RadialGradient MyGradient
MyGradient=0,0,0,0,[#OuterRadius],[#OuterRadius] | 00000000;0.0 | 00000000;([#InnerRadius]/[#OuterRadius]) | 0,0,0,250;(([#InnerRadius]+[#OuterRadius])/(2*[#OuterRadius])) | 00000000;1

[Glow]
Meter=Shape
Shape=Ellipse [#OuterRadius],[#OuterRadius],[#OuterRadius],[#OuterRadius] | StrokeWidth 0 | Fill LinearGradient MyGradient
Shape2=Ellipse [#OuterRadius],[#OuterRadius],(([#InnerRadius]+[#OuterRadius])/2),(([#InnerRadius]+[#OuterRadius])/2) | Fill Color 0,0,0,1 | StrokeWidth 2.2 | StrokeColor FEFEFE
MyGradient=90 | 116, 188, 255;0.0 | 255, 73, 181;1.0
Container=Container

A better way to glow.

Preview:
Screenshot 2021-07-06 111042.png

Damn, not only is that a more subtle effect but also far fewer lines of code!

[bravo-lemur]

I've used the same trick with rectangles and linear gradients to give the Settings skin a jazzy glowing line - I think it looks pretty rad! Of course it also changes colour and orientation based on the settings selected in the skin

Thank you so much for the advice!

Code: Select all

[Variables]
SBWidth=45
SBHeight=600

[MeterSettingsSidebar]
Meter=Shape
Shape=Rectangle 0,0,#SBWidth#,#SBHeight#,20,20 | Fill Color 0,0,0,255 | Stroke Color 0,0,0,0
Shape2=Rectangle (#SBWidth#-15),0,15,#SBHeight# | Fill Color 0,0,0,255 | Stroke Color 0,0,0,0

[MeterGlowLineContainer]
Meter=Shape
Shape=Rectangle (#SBWidth#-10),0,20,#SBHeight#,5,5 | StrokeWidth 0 | Fill LinearGradient SettContGrad
SettContGrad=180 | 0,0,0,0; 0.0 | 0,0,0,250; 0.5 | 0,0,0,0; 1.0

[MeterLineGlow]
Meter=Shape
Shape=Rectangle (#SBWidth#-10),0,20,#SBHeight#,5,5 | StrokeWidth 0 | Fill LinearGradient GlowLineGrad
Shape2=Rectangle #SBWidth#,0,2,#SBHeight# | StrokeWidth 0 | Fill Color #ActualRingColor#
GlowLineGrad=#SetGrad# | #GlowColor1#,255;0.0 | #GlowColor2#,255;1.0
Container=MeterGlowLineContainer

[MeterSettingsText]
Meter=String
StringAlign=CenterCenter
FontFace=Segoe UI SemiBold
FontColor=#White#
FontSize=16
InlineSetting=CharacterSpacing | 10 | 10
X=(#SBWidth#/2)-15
Y=(#SBHeight#/2)
Angle=(Rad(-90))
Text="SETTINGS"
AntiAlias=1

SettingsSkin.PNG

[death.crafter]

Damn, not only is that a more subtle effect but also far fewer lines of code!

The skin looked fancy and I wanted to try it out. But the glow somehow looked unnatural so I decided to look in to the code.

Well I am glad you liked it. And the settings skin looks pog.

Btw you can write

Show free space in harddrive

Instead of Show free GB in harddrive.

[bravo-lemur]

More improvements

SettingsSkin.PNG