[Tutorial] Creating a Windows Vista Visual Style


Recommended Posts

Click Here to Download this tutorial (PDF) | Click Here to View this tutorial in German

How to make a Visual Style for Windows Vista

Getting Started

1. Download and Install The uxTheme Patch from this LINK

This will allow you to apply custom themes

2. Download and Install my Theme Template from this LINK

This will install a copy of the original aero theme and place all the required files into the correct locations with Jemaho?s Improved Shellstyle, ready for modifying.i>3. Download and Install Restorator 2007 from this LINKb>

[/size]

; Copyright ? Microsoft Corp. 1995-2001

[Theme]

DiTemplate Themeizec-->

; My Computer

[CLSID\{20D04FE0-3AEA-1069-A2D8-08002B30309D}\DefaultIcon]

DefaultValue=%SystemRoot%\System32\imageres.dll,-109

; My Documents

[CLSID\{450D8FBA-AD25-11D0-98A8-0800361B1103}\DefaultIcon]

DefaultValue=%WinDir%SYSTEM32\mydocs.dll,0

; My Network Places - SHIDI_MYNETWORK

[CLSID\{208D2C60-3AEA-1069-A2D7-08002B30309D}\DefaultIcon]

DefaultValue=%WinDir%SYSTEM32\imageres.dll,-25

; Recycle Bin

[CLSID\{645FF040-5081-101B-9F08-00AA002F954E}\DefaultIcon]

full=%SystemRoot%\System32\imageres.dll,-54

empty=%SystemRoot%\System32\imageres.dll,-55

[Control Panel\Colors]

ActiveTitle=153 180 209

Background=0 0 0

Hilight=51 153 255

HilightText=255 255 255

TitleText=0 0 0

Window=255 255 255

WindowText=0 0 0

Scrollbar=200 200 200

InactiveTitle=191 205 219

Menu=240 240 240

WindowFrame=100 100 100

MenuText=0 0 0

ActiveBorder=180 180 180

InactiveBorder=244 247 252

AppWorkspace=171 171 171

ButtonFace=240 240 240

ButtonShadow=160 160 160

GrayText=128 128 128

ButtonText=0 0 0

InactiveTitleText=67 78 84

ButtonHilight=255 255 255

ButtonDkShadow=105 105 105

ButtonLight=227 227 227

InfoText=0 0 0

InfoWindow=255 255 225

GradientActiveTitle=185 209 234

GradientInactiveTitle=215 228 242

ButtonAlternateFace=0 0 0

HotTrackingColor=0 102 204

MenuHilight=51 153 255

MenuBar=240 240 240

[Control Panel\Cursors]

Arrow=%SystemRoot%\cursors\aero_arrow.cur

Help=%SystemRoot%\cursors\aero_helpsel.cur

AppStarting=%SystemRoot%\cursors\aero_working.ani

Wait=%SystemRoot%\cursors\aero_busy.ani

NWPen=%SystemRoot%\cursors\aero_pen.cur

No=%SystemRoot%\cursors\aero_unavail.cur

SizeNS=%SystemRoot%\cursors\aero_ns.cur

SizeWE=%SystemRoot%\cursors\aero_ew.cur

Crosshair=

IBeam=

SizeNWSE=%SystemRoot%\cursors\aero_nwse.cur

SizeNESW=%SystemRoot%\cursors\aero_nesw.cur

SizeAll=%SystemRoot%\cursors\aero_move.cur

UpArrow=%SystemRoot%\cursors\aero_up.cur

DefaultValue=Windows Aero

Hand=%SystemRoot%\cursors\aero_link.cur

Link=

[Control Panel\Desktop]

Wallpaper=%SystemRoot%\resources\themes\[/b]izec-->\Wallpaper.jpg

TileWallpaper=0

WallpaperStyle=2

Pattern=

ScreenSaveActive=0

[Control Panel\Desktop\WindowMetrics]

[Metrics]

IconMetrics=76 0 0 0 75 0 0 0 75 0 0 0 1 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 5 0 83 101 103 111 101 32 85 73 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

NonclientMetrics=84 1 0 0 1 0 0 0 17 0 0 0 17 0 0 0 19 0 0 0 19 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 5 0 83 101 103 111 101 32 85 73 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 17 0 0 0 17 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 5 0 83 101 103 111 101 32 85 73 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 19 0 0 0 19 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 5 0 83 101 103 111 101 32 85 73 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 5 0 83 101 103 111 101 32 85 73 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 244 255 255 255 0 0 0 0 0 0 0 0 0 0 0 0 144 1 0 0 0 0 0 1 0 0 5 0 83 101 103 111 101 32 85 73 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

PaddedBorderWidth=4

[boot]

SCRNSAVE.EXE=%WinDir%\System32\logon.scr

[MasterThemeSelector]

MTSM=DABJDKT

ThemeColorBPP=4

[VisualStyles]

Path=%SystemRoot%\resources\TTemplateizec-->\[/b]izec-->.msstyles

ColorStyle=NormalColor

Size=NormalSize

ColorizationColor=0X45409EFE

Now you have edited those 3 importSave and Exit the file.e file.

(See the Next section ?Resource Locations? for a rough guide to show you what images to edit)ages to edit)Extract the Individual images (or the entire image folder) image folder)

If your image is not Alpha compatible then you will notice a horrible white background when applied to your theme[/i]to your theme

Replace the Images back into the folder they came from they came from

[/size]

This is just a rough guide of some of the Common Images you can edit to make your style, there are Hundreds of images you can edit and most of them are used for both aero and basic.

[/size]

1startmenuaf3.png

2taskbarspm4.png

3windowvt1.png

4ieeoe3.png

5buttfd4.png

For more advanced Styling see my other tutorialsher Vista Hex-Editingsta Hex-Editing - for Text colours, Margins and much more. DownloVista Font Changesta Font Change - for changing Font types. Download LINK

Edited by UK.Intel
Very nicely done! You are a major part of the Vista skinning comunity, and pushing it forward with helpful posts like this.

Thank you for the encouraging comments :) It means alot.

I wish anyone who wants to make a visual style for vista all the best of luck, and no matter what the outcome I know how much effort goes into it :)

  • 2 weeks later...
  • 3 weeks later...
  • 4 weeks later...
  • 2 months later...

Sorry to bump, but I'm going through this and wondered whether it was possible to find the provided template originally found here.

Mediafire no longer hosts the file

Also, there is a minor error in the original post and pdf:

Naming Your Theme Files

If you have installed my Theme Template, Navigate to C:Windows\Resources\Themes.

You will need to rename the following files to the name you wish to call your theme.

I recommend you name all the files the same.

? Template.Theme

? Template Folder

? Template.msstyle

Edited by hobbester

Meaning of other resource ID's I found:

list items background as used eg. in file explorer:

565 - selected focused item

566 - hovered item

567 - selected&hovered item

568 - selected item

.. and you NEED to change these when creating aero mods, cause MS made hover and selection look almost the same, :angry: !

897 - aero taskbar button glyph

I started creating a skin with some stuff and ideas taken from plastik xp by contra (only available for XP now :( ) and based an aero out of necessity.

What I changed also is nasty mandatory bubbly bluish menu and toolbar background.

Not to go offtopic here, but could anyone please tell me how to align a new start button after I design it?

Everytime I try this my start button has white all around it, and its never aligned properly with the rest of the taskbar. I`ve been using the default Vista start button as a reference but still no luck. As of right now I have ForXy over at deviantart helping me out, but I would like to know how to do this for future reference. :) And btw, thanks Uk.Intel for the great tutorials.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • Just another reason (aside from many others) not to use Edge. Firefox 153.0b5 DEx64 has a similar feature added recently in prior builds that I will turn off at some point when I get around to it. It's the new "Something looks suspicious" page that pops up here and there. It cleverly hides itself between web pages that I've actually visited; as a result, you know, of selecting a web page and telling the browser where to go. The interesting thing is that it does not produce these warnings from pages that I, as the only intelligent user of the browser in my system, have ever directed the browser to open! What seems to be happening is that the browser looks at all the goofy ad links on a web page I do actually open and selects one that "looks suspicious" and then creates the "something looks suspicious" web page, which is neatly inserted, as mentioned, between web pages my RB ("real brain") has directed the browser to load in a session. The thing is, I usually look at links I am considering to follow before I ask the browser to load them, and in cases I have noticed where the link does indeed look suspicious, most of the time I will choose to not follow the link at all. Doesn't everyone do this or something similar? I am picky about what I voluntarily load... (I don't like links that start off fine, with a site designaiton that seems normal enough but then is followed by indecipherable alphanumeric strings many, many lines long, etc. I tend to reject those because they look suspicious. They may not be, but I don't care... I'll stay with Firefox, of course, if for no other reason than they usually let you turn off the junk you don't like. And because it isn't Edge... But at some point Microsoft will come to realize that putting your bookmarks on the left side is a Good Thing for a lot of people, just as Microsoft discovered when it had the bright idea of nailing the Windows taskbar to the bottom of the screen, when for decades Microsoft browsers had left that placement up to the user. They have finally reversed the obscenity of that decision. Finally.
    • Google was using the old CATPCHAs data to train their LLMs. What is the say they won't use this camera data of users to train their LLM? these companies need some strict regulations!
    • Depends on what you need. Might be a bit clearer on what you plan to do with it. Sort of a waste if you get the newest and greatest, but don't know how to use it.
    • NTLite 2026.06.11200 by Razvan Serea NTLite is a Windows configuration tool that allows you to modify your existing Windows install or an image yet to be deployed, remove Windows components, configure and integrate, speed up the Windows deployment process. Reduce Windows footprint on your RAM and storage drive memory. Remove components of your choice, guarded by compatibility safety mechanisms, which speed up finding that sweet spot. Windows Unattended feature support, providing many commonly used options on a single page for easy setup. Easily integrate a single or multiple drivers, update or language packages. Package integration features smart sorting, enabling you to seamlessly add packages for integration and the tool will apply them in the appropriate order, keeping hotfix compatibility in check. One of the important new features of NTLite (compared to its predecessors) is the ability to modify an already installed the operating system, by removing unnecessary components. Supports Windows 11, 10, 8.1 and 7, x86 and x64, live and image. Server editions of the same versions, excluding support for component removals and feature configuration. ARM64 image support in the alpha stage. Does not support Checked/Debug, Embedded, IoT editions, nor Vista or XP. NTLite 2026.06.11200 changelog: New Secure Boot Migration support: Verification, certificate staging, and boot-manager/sector update across the Image, Updates, Apply, and Create-ISO pages (2023 CA migration, optional 2011 revocation, Anti-rollback, Boot sector choice etc) Secure Boot Host Readiness: Live host Secure Boot migration monitor and Servicing-task control Option under Image page - C:\Windows row, or load the host as the target - Updates - Secure Boot Image: 'Sort mounted images first' option for the image list in Menu-Settings UI: Hover description card for Components and Unattended pages, selectable text and quick access to Compatibility options Command line: Relay commands into the already-running instance Enables controlling already running NTLite via ntlite.exe Use /NewInstance to launch an additional instance using CLI operations (premium) UI: 'New instance' option via main menu instead of a secondary ntlite.exe prompt Apply: Hide individual Apply-page notes with a per-note dismiss (X), critical excluded Settings: 'Unsigned RDP file launch warnings' tweak (RDP client), bypassing the April 2026 security-update prompt on RDP connections Upgrade Image: Live OS and deployed image editing now unlocked on free/test licenses, same licensing as images Image: 'Recompress' option in manual dialog Remove Editions to shrink the WIM in one session Image: SWM part size set inline on the Apply page and image dialogs, split-size popup retired Image: Relative 'Last change' dates; editions grouped by build time to reduce noise Image: 'Forget - Missing' on the Edit-cache menu to mass drop entries whose folder is gone Components: Root groups reorganized - user-facing groups first, system/critical last Components: Show filter options to view components by Template or App-type, since Apps are now merged into groups Presets: Delete confirmation now lists the multi-selected preset names UI: Design update propagated to the rest of the tool UI: Filter and search match words in any order and partially, better results filtering Components Unattended: Input-locale language derives from the user locale, with an independent keyboard picker, enables combinations previously unavailable Unattended: Input-locale now allows for a user value override Unattended: Localization OOBE WinPE now can be copied with the new WinPE Copy OOBE localization toggle, enter locale settings once for both stages Updates: Downloader greys and locks updates the image already carries (hotfix and MSIX) Updates: Resume interrupted update downloads Command line: Many upgrades, see /?, now prints help to the console or redirected output UI-Translation: Finnish language added, also thanks for Chinese Traditional (Matt), French (tistou77), Italian (clarensio), Russian (RDS), Swedish (1FF), Vietnamese (Vu Anh Vu) Fix Components: Containers removal breaking Apps deployment Components: Microsoft Account had leftovers when Easy Migrate is kept Image: Export to an existing WIM improvements, Append renamed to Merge Image: Improved 26H1 live removal support Image: No more 'X:\ not accessible' popup for certain drives during image scan Presets: Manual image refresh picks up presets added/removed outside the app Tweaks: Disabled visual-effect animations no longer return after first logon on a new profile Tweaks: Live Visual Effects toggles (animations, drag full windows, font smoothing) now apply correctly Download: NTLite 2026.06.11200 | 20.5 MB (Free, paid upgrade available) Link: NTLite Home Page | NTLite Features | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Ah. La Fontana De Incontinentia ! Bella ! Bella !
  • Recent Achievements

    • One Year In
      BA the Curmudgeon earned a badge
      One Year In
    • Conversation Starter
      rosiecharles earned a badge
      Conversation Starter
    • First Post
      KMilenkoski1202 earned a badge
      First Post
    • First Post
      carols23 earned a badge
      First Post
    • One Month Later
      Tom Willson earned a badge
      One Month Later
  • Popular Contributors

    1. 1
      +primortal
      504
    2. 2
      +Edouard
      257
    3. 3
      PsYcHoKiLLa
      151
    4. 4
      Steven P.
      93
    5. 5
      macoman
      67
  • Tell a friend

    Love Neowin? Tell a friend!