Skinning How To/Revert 1.20 to a Classic look

From Second Life Wiki
Jump to navigation Jump to search

This page is for reverting the XML and viewer artwork files in the 1.20 viewer back to their pre-1.20 viewer state. There are several steps you need to go through to rebuild the classic viewer look. *NOTE* Some things changed between the First Look release and 1.20. I'll have the xml files up tomorrow (the 10th) as soon as I've tweaked them and verified everything works.

Editing the XML files

For convenience, I've uploaded the necessary updated xml files here. However, if you'd like to make the changes the yourself, here are the files and parameters you need to change:

colors.xml

This file controls the majority of colors in the viewer. In-between the <settings version = "101"> and </settings> tags, copy/paste the following:

<!-- WINDOWS -->
<TitleBarFocusColor value="255, 255, 255, 30" />	<!-- Focused window title bar highlight, no equivalent for unfocused windows -->
<FloaterFocusBorderColor value="0, 0, 0, 80" />
<FloaterUnfocusBorderColor value="0, 0, 0, 80" />
<FocusBackgroundColor value="62, 62, 62, 255" />	<!-- Background color of focused floaters -->
<DefaultBackgroundColor value="62, 62, 62, 140" />	<!-- Background color for unfocused floaters -->
<ColorDropShadow value="0, 0, 0, 200" />		<!-- The drop shadow behind windows and menus -->
<DefaultHighlightDark value="26, 26, 26, 255" />
<DefaultHighlightLight value="115, 132, 155, 255" />
<DefaultShadowDark value="26, 26, 26, 255" />
<DefaultShadowLight value="0, 0, 0, 255" />

<!-- LABELS -->
<LabelDisabledColor value="147, 169, 213, 77" />
<LabelSelectedColor value="255, 255, 255, 255" />
<LabelSelectedDisabledColor value="164, 190, 237, 128" />
<LabelTextColor value="147, 169, 213, 255" />

<!-- BUTTONS -->
<ButtonLabelColor value="220, 220, 220, 255" /> 		<!-- Text labels for buttons, like the "OK" text -->
<ButtonLabelSelectedColor value="220, 220, 220, 255" />
<ButtonLabelDisabledColor value="147, 169, 213, 200" />
<ButtonLabelSelectedDisabledColor value="164, 190, 237, 200" />
<ButtonSelectedBgColor value="62, 62, 62, 255" />
<ButtonSelectedColor value="255, 255, 255, 255" />
<ButtonUnselectedBgColor value="62, 62, 62, 255" />
<ButtonUnselectedFgColor value="255, 255, 255, 255" />
<ButtonBorderColor value="239, 156, 0, 255" />
<ButtonColor value="255, 255, 255, 255" /> 		<!-- Blended with button art, usually left as opaque white -->
<ButtonImageColor value="255, 255, 255, 255" /> 	<!-- Blended with button art, usually left as opaque white -->

<!-- SLIDERS -->
<SliderDisabledThumbColor value="0, 0, 0, 255" />
<SliderThumbCenterColor value="183, 184, 188, 255" />
<SliderThumbOutlineColor value="0, 0, 0, 255" />
<SliderTrackColor value="30, 30, 30, 255" />

<!-- TEXTFIELDS -->
<TextBgFocusColor value="200, 209, 204, 255" />		<!-- Text field background when receiving input (focused) -->
<TextBgReadOnlyColor value="62, 62, 62, 160" />	<!-- Text field background when read-only -->
<TextBgWriteableColor value="200, 209, 204, 230" />	<!-- Text field background when not receiving input (unfocused) -->
<TextCursorColor value="0, 0, 0, 255" />
<TextFgColor value="0, 0, 0, 255" />
<TextFgReadOnlyColor value="255, 255, 255, 200" />
<TextFgTentativeColor value="0, 0, 0, 255" />
<TextEmbeddedItemReadOnlyColor value="58, 147, 242, 255" />	<!-- i.e. About Land name that you don't own -->
<TextEmbeddedItemColor value="0, 0, 128, 255" />
<TextDefaultColor value="0, 20, 0, 255"/>
  
<!-- LISTBOXES -->
<ScrollBgReadOnlyColor value="200, 209, 204, 255" />
<ScrollBgWriteableColor value="200, 209, 204, 255" />
<ScrollBGStripeColor value="100, 100, 100, 40" />
<ScrollDisabledColor value="128, 128, 128, 204" />
<ScrollSelectedBGColor value="100, 100, 188, 150" />
<ScrollSelectedFGColor value="0, 0, 0, 204" />	<!-- Text color -->
<ScrollUnselectedColor value="0, 0, 0, 204" />	<!-- Text color -->
<ScrollHighlightedColor value="183, 184, 188, 128" />	<!-- Hover color -->
<ScrollbarThumbColor value="60, 76, 124, 255" />
<ScrollbarTrackColor value="153, 154, 158, 255" />

<!-- MENUS -->
<MenuBarBgColor value="62, 62, 62, 255" />
<MenuBarGodBgColor value="62, 128, 62, 255" />
<MenuNonProductionGodBgColor value="0, 128, 0, 255" />
<MenuNonProductionBgColor value="128, 0, 0, 255" />
<MenuDefaultBgColor value="0, 0, 0, 255" />
<MenuItemDisabledColor value="133, 133, 164, 128" />	<!-- Menu text color; also text color for pie menus and treeviews (like Inventory) -->
<MenuItemEnabledColor value="255, 255, 255, 255" />		<!-- Menu text color; also text color for pie menus and treeviews (like Inventory) -->
<MenuItemHighlightBgColor value="183, 184, 188, 100" />
<MenuItemHighlightFgColor value="255, 255, 255, 255" />	<!-- Highlighted menu text color; also treeview node selection highlight -->
<MenuPopupBgColor value="0, 0, 0, 255" />

<!--  PIE MENUS -->
<PieMenuBgColor value="62, 62, 62, 150" />
<PieMenuLineColor value="0, 0, 0, 128" />
<PieMenuSelectedColor value="183, 184, 188, 77" />

<!-- TOOLTIPS -->
<ToolTipBgColor value="183, 184, 188, 200" />
<ToolTipBorderColor value="171, 212, 245, 255" />
<ToolTipTextColor value="0, 0, 0, 255" />

<!-- NOTIFICATION POP-UPS -->
<NotifyBoxColor value="58, 147, 242, 255" />
<NotifyTextColor value="0, 0, 0, 255" />
<NotifyCautionBoxColor value="254, 209, 118, 255" /> 	<!-- the background color of caution permissions prompts -->
<NotifyCautionWarnColor value="0, 0, 0, 255" /> 	<!-- the foreground color of the special title text in caution permissions prompts -->
<GroupNotifyBoxColor value="70, 170, 255, 255" />
<GroupNotifyTextColor value="0, 30, 60, 255" />

<!-- CHAT AND IM HISTORY TEXTBOX COLORS -->
<ChatHistoryBgColor value="0, 0, 0, 0" />
<ChatHistoryTextColor value="255, 255, 255, 255" />
<IMHistoryBgColor value="0, 30, 80, 200" />
<IMHistoryTextColor value="255, 255, 255, 255" />

<!-- IN-WORLD SELECTION -->
<SilhouetteParentColor value="255, 255, 0, 255" />
<SilhouetteChildColor value="32, 106, 196, 255" />
<HighlightParentColor value="171, 212, 245, 255" />
<HighlightChildColor value="171, 212, 245, 255" />
<HighlightInspectColor value="255, 0, 255, 255" />

<!-- EDIT MODE GRID -->
<GridFocusPointColor value="255, 255, 255, 128" />
<GridlineColor value="255, 255, 255, 255" />
<GridlineBGColor value="235, 235, 255, 200" />
<GridlineShadowColor value="0, 0, 0, 80" />

<!-- PROPERTY LINES -->
<PropertyColorAvail value="0, 0, 0, 0" />
<PropertyColorGroup value="0, 184, 184, 102" />
<PropertyColorOther value="255, 0, 0, 102" />
<PropertyColorSelf value="0, 255, 0, 102" />
<PropertyColorForSale value="255, 128, 0, 102" />
<PropertyColorAuction value="128, 0, 255, 102" />	<!-- Match the color on the world map -->

<!-- MINI-MAP -->
<NetMapBackgroundColor value="0, 0, 0, 77" />
<NetMapYouOwnAboveWater value="0, 255, 255, 255" />
<NetMapYouOwnBelowWater value="0, 200, 200, 255" />
<NetMapGroupOwnAboveWater value="255, 0, 255, 255" />
<NetMapGroupOwnBelowWater value="200, 0, 200, 255" />
<NetMapOtherOwnAboveWater value="60, 60, 60, 255" />
<NetMapOtherOwnBelowWater value="30, 30, 30, 255" />

<!-- HELP WINDOW -->
<HelpBgColor value="200, 209, 204, 255" />
<HelpFgColor value="0, 0, 0, 255" />
<HelpScrollTrackColor value="183, 184, 188, 255" />
<HelpScrollThumbColor value="80, 96, 124, 255" />
<HelpScrollHighlightColor value="115, 132, 155, 255" />
<HelpScrollShadowColor value="0, 0, 0, 255" />

<!-- MISC -->
<AvatarNameColor value="251, 175, 93, 255" /> 		<!-- Text color of avatar nametags -->
<FocusColor value="239, 156, 0, 255" /> 		<!-- Color of the glow around UI controls with keyboard focus -->
<FloaterButtonImageColor value="239, 156, 0, 255" /> 	<!-- The floater buttons (like the close box) are white images that receive this color. -->
<ButtonCautionImageColor value="255, 255,  255, 255" />	<!-- Match the caution dialog buttons to the default -->
<HealthTextColor value="255, 255, 255, 255" />
<MapAutopilotColor value="255, 128, 0, 255" />
<ContextSilhouetteColor value="239, 156, 0, 255" />	<!-- For "context" highlighting, i.e. pie menu -->
<ScriptBgReadOnlyColor value="100, 100, 100, 255" />
<ParcelTextColor value="40, 40, 90, 255" />		<!-- Parcel name on menu bar, normal state -->
<ParcelHoverColor value="70, 70, 100, 255" />		<!-- Parcel name on menu bar, hover state -->
<TimeTextColor value="0, 30, 60, 255" />		<!-- SL Time on menu bar -->
<BalanceTextColor value="0, 255, 0, 255" />		<!-- Linden dollar balance on menu bar -->
<HealthTextColor value="255, 255, 255, 255" />		<!-- Damage meter text on menu bar -->
<GroupOverTierColor value="110, 15, 15, 255" />		<!-- Warning text in Group Info window -->
<FilterBackgroundColor value="0, 0, 20, 255" /> <!-- Matching region of Inventory search text -->
<FilterTextColor value="255, 200, 70, 255" />
<InventoryItemSuffixColor value="120, 70, 55, 255" />
<InventorySearchStatusColor value="0, 0, 0, 255" />
<ConsoleBackground value="0, 0, 0, 255" />

<!-- Alert box colors -->
<AlertBoxColor value="62, 62, 62, 255" />
<AlertTextColor value="147, 169, 213, 255" />
<AlertCautionBoxColor value="254, 209, 118, 255" />	<!-- Background color of caution alerts -->
<AlertCautionTextColor value="0, 0, 0, 255" />	

textures.xml

misc xml files

Viewer Artwork

Starting from scratch

Most of the viewer artwork is in the source drop. Head to the Source_archive and download the 1.9.1.4 artwork file. In linden\indra\newview\skins\textures you'll find the majority artwork files for the classic skin as either .tga or .j2c (Jpeg2000 files). All are named as UUIDs, and will need to be renamed to their proper filenames to match their entries in textures.xml (this can take a long time. There are 316 files you need to rename). If you try to use UUID file names and modify the textures.xml file it won't work.

Several files will also need to be converted to .tga. These are:

16d032e8-817b-4368-8a4e-b7b947ae3889.j2c to tab_top_selected_blue.tga
1ed83f57-41cf-4052-a3b4-2e8bb78d8191.j2c to tab_top_blue.tga
1097dcb3-aef9-8152-f471-431d840ea89e.j2c to tab_left.tga
bea77041-5835-1661-f298-47e2d32b7a70.j2c to tab_left_selected.tga
bf0a8779-689b-48c3-bb9a-6af546366ef4.j2c to tab_bottom_blue.tga
c001d8fd-a869-4b6f-86a1-fdcb106df9c7.j2c to tab_bottom_selected_blue.tga
d8faf8cb-ee6e-b0b5-abd9-bde873ad3461.j2c to toolbar_btn_enabled.tga
f8124d60-2875-c358-7847-2acb63e5400c.j2c to toolbar_btn_disabled.tga
1eddba75-b682-110a-104e-6cdcce616a25.j2c to toolbar_btn_selected.tga

The helper icons on the toolbar are hard coded to load. Delete the following from the texture folder:

icn_toolbar_build.tga
icn_toolbar_fly.tga
icn_toolbar_inventory.tga
icn_toolbar_map.tga
icn_toolbar_minimap.tga
icn_toolbar_search.tga
icn_toolbar_snapshot.tga

These files are too big, and must be shrunk to 16x16:

ptt_lock_off.tga
ptt_lock_on.tga

These files need to be made from scratch:

toolbar_tab.tga
flyout_btn_left_disabled.tga
flyout_btn_right_disabled.tga

Downloading Classic artwork files

If you wish to skip this step (and I recommend you do) I've renamed all the viewer artwork for you and attached them as a zip file. You can download that file here.

Installing

Once you have downloaded the XML and artwork files linked above, or created your own, installation is straightforward. Back up your skins and app_settings folders, then:

  • In the \SecondLifeReleaseCandidate\skins\textures folder delete all icn_toolbar_* files
  • Copy colors.xml to \SecondLifeReleaseCandidate\app_settings\
  • Copy textures.xml to \SecondLifeReleaseCandidate\skins\textures
  • Copy all artwork to \SecondLifeReleaseCandidate\skins\textures

Be sure to "Replace all".

Congratulations, you now have a Classic skin for Dazzle.