It is currently April 18th, 2024, 6:54 am

How to make Win10 Widgets BIGGER and BRIGHTER?

Get help with creating, editing & fixing problems with skins
tzr916
Posts: 10
Joined: March 31st, 2018, 4:27 pm

How to make Win10 Widgets BIGGER and BRIGHTER?

Post by tzr916 »

Just using Win10 Widget "CPU Large" and "Network Large" variants.
https://www.deviantart.com/art/Win10-Widgets-619765834

I use a 8inch 800x600 2nd monitor just for displaying these widgets.

Trying to make them even larger and, more important, much more brighter. I don't want ANY transparency or faded/muted colors. I want them completely opaque, bright colors, and make the graph lines thicker.

I have found the "@Resources", "CPU Large", and "Network Large" ini files under C:\Users\Me\Documents\Rainmeter\Skins\Win10 Widgets\

From there, I am not sure which parts to start playing with?


I would appreciate any help.
Thanks!
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5391
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by eclectic-tech »

As far as changing the colors, edit @Resources\variables.ini and change the RGBA values for the colors; especially the 4th number value, which controls the alpha (transparency) of the colors; 255,255,255,255 if the last number is 255, or not defined (missing), then you will have solid colors.

As for the size, I have no idea what issues you will encounter as you resize; I would imagine everything will get misaligned and ugly. :D
tzr916
Posts: 10
Joined: March 31st, 2018, 4:27 pm

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by tzr916 »

Thanks. I am playing with the colors now. But confused why some colors have three numbers and others have four numbers. When I go to websites such as colorizer.org they appear to use three numbers.

BackgroundColor=24,24,24,255
BorderColor=100,100,100,100

vs.

CPUBlue=0,133,255
NetworkOrangeDark=255,85,0
NetworkOrangeLight=255,153,0


What do I do when there are four numbers?
User avatar
CyberTheWorm
Posts: 860
Joined: August 22nd, 2016, 11:32 pm
Location: Surrey, B.C., Canada

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by CyberTheWorm »

tzr916 wrote: What do I do when there are four numbers?
Rainmeter colour (Yes that is the correct spelling)
R = Red, G = Green, B = Blue, Alpha (0 = transparent, 255 = Opaque ) this is optional, if you leave this out it will default to 255
Last edited by CyberTheWorm on March 31st, 2018, 7:41 pm, edited 1 time in total.
The only source of knowledge is experience. Albert Einstein
Deviant Art Page
User avatar
fonpaolo
Moderator
Posts: 1387
Joined: April 11th, 2013, 8:08 pm
Location: Italy

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by fonpaolo »

As eclectic-tech said, the fourth number is the Alpha or transparency, if it's missing (only the first three) it's intended is solid color (completely opaque).
If you want to change transparency, add the fourth number (if it's missing) and play with it, 255 is full opaque, 0 is completely transparent.
edit: CyberTheWorm is too fast...
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5391
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by eclectic-tech »

Re-read my post... :17readbook

If there are 4 numbers, the 4th controls transparency: 0 ~ invisible to 255 ~ solid
If there are only 3 numbers, the colors will be solid

EDIT: I stopped to read a WIKI article :) ... thanks to Cyber and fonpaolo for clarifying what I thought was pretty clear :welcome:
tzr916
Posts: 10
Joined: March 31st, 2018, 4:27 pm

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by tzr916 »

Thanks, I got colors & transparency figured out.
If making an overall bigger version is not possible:
-how can the graph line be made thicker?
-how can the font size of the letters "CPU" be made smaller, and the font size of the "10%" be made bigger?
You do not have the required permissions to view the files attached to this post.
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5391
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by eclectic-tech »

-how can the graph line be made thicker?
Line meter option: https://docs.rainmeter.net/manual/meters/line/#LineWidth

-how can the font size of the letters "CPU" be made smaller, and the font size of the "10%" be made bigger?
Fontsize: https://docs.rainmeter.net/manual/meters/string/#FontSize

The skins may use styles, but if you set the actual size in the meter, it will be used instead of the preset style.
tzr916
Posts: 10
Joined: March 31st, 2018, 4:27 pm

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by tzr916 »

Thanks. I found LineWidth in performanceTemplateX4.ini, changing them from 1 to 3 worked well.

I've tried every combination of changing font sizes in styles.ini and the CPU.ini, nothing is working.
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5391
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: How to make Win10 Widgets BIGGER and BRIGHTER?

Post by eclectic-tech »

tzr916 wrote:Thanks. ...
I've tried every combination of changing font sizes in styles.ini and the CPU.ini, nothing is working.
If you post the code for the skin, and explain the desired result, perhaps someone here can help you with the font size changes you are trying to achieve ...