diff --git a/mods/ra/chrome.yaml b/mods/ra/chrome.yaml index 3b5945a3c8..57e4ee388d 100644 --- a/mods/ra/chrome.yaml +++ b/mods/ra/chrome.yaml @@ -90,7 +90,7 @@ order-icons: chrome.png power-disabled: 480,64,16,16 power-active: 480,80,16,16 -# Used for the menu +# Used for the main menu frame dialog: dialog.png background: 0,0,480,480 border-r: 489,0,9,192 @@ -102,7 +102,7 @@ dialog: dialog.png corner-bl: 191,489,9,9 corner-br: 200,489,9,9 -# Same as normal button +# Used for Music and Map selection (normal button) dialog2: dialog.png background: 513,1,126,126 border-r: 639,1,1,126 @@ -114,7 +114,7 @@ dialog2: dialog.png corner-bl: 512,127,1,1 corner-br: 639,127,1,1 -# Same as pressed button +# It's a Container, used in various places, like Hotkeys, ColorPicker, Asset Browser frames (looks like a pressed button) dialog3: dialog.png background: 641,1,126,126 border-r: 767,1,1,126 @@ -126,7 +126,7 @@ dialog3: dialog.png corner-bl: 640,127,1,1 corner-br: 767,127,1,1 -# Same as the half transparent frame used in the Asset Browser +# Used for tooltips and the video player dialog4: dialog.png background: 517,392,54,54 border-t: 517,387,54,6 @@ -220,7 +220,7 @@ button: dialog.png corner-bl: 512,127,1,1 corner-br: 639,127,1,1 -# 5% lighter than a normal button +# 5% lighter than a normal button (mouseover) button-hover: dialog.png background: 513,129,126,126 border-r: 639,129,1,126 @@ -244,7 +244,7 @@ button-pressed: dialog.png corner-bl: 640,127,1,1 corner-br: 767,127,1,1 -# 50% grey +# 50% grey (disabled button) button-disabled: dialog.png background: 513,257,126,126 border-r: 639,257,1,126 @@ -254,10 +254,80 @@ button-disabled: dialog.png corner-tl: 512,256,1,1 corner-tr: 639,256,1,1 corner-bl: 512,383,1,1 - corner-br: 639,383,1,1 - -# 10% darker than a normal button + corner-br: 639,383,1,1 + +# 10% darker than a normal button - Used in Settings when you select Display Audio Input or Advanced button-highlighted: dialog.png + background: 769,129,126,126 + border-r: 895,129,1,126 + border-l: 768,129,1,126 + border-b: 769,255,126,1 + border-t: 769,128,126,1 + corner-tl: 768,128,1,1 + corner-tr: 895,128,1,1 + corner-bl: 768,255,1,1 + corner-br: 895,255,1,1 + +# A copy of button-highlighted - Used in Settings when you select Display Audio Input or Advanced +button-highlighted-hover: dialog.png + background: 769,129,126,126 + border-r: 895,129,1,126 + border-l: 768,129,1,126 + border-b: 769,255,126,1 + border-t: 769,128,126,1 + corner-tl: 768,128,1,1 + corner-tr: 895,128,1,1 + corner-bl: 768,255,1,1 + corner-br: 895,255,1,1 + +# Used in Settings when you select Display Audio Input or Advanced +button-highlighted-pressed: dialog.png + background: 897,129,126,126 + border-r: 1023,129,1,126 + border-l: 896,129,1,126 + border-b: 897,255,126,1 + border-t: 897,128,126,1 + corner-tl: 896,128,1,1 + corner-tr: 1023,128,1,1 + corner-bl: 896,255,1,1 + corner-br: 1023,255,1,1 + +# A copy of button-highlighted - Used in Settings when you select Display Audio Input or Advanced +button-highlighted-disabled: dialog.png + background: 769,129,126,126 + border-r: 895,129,1,126 + border-l: 768,129,1,126 + border-b: 769,255,126,1 + border-t: 769,128,126,1 + corner-tl: 768,128,1,1 + corner-tr: 895,128,1,1 + corner-bl: 768,255,1,1 + corner-br: 895,255,1,1 + +# vivid red - Used for the Battlefields News button +newsbutton: dialog.png + background: 513,1,126,126 + border-r: 639,1,1,126 + border-l: 512,1,1,126 + border-b: 513,127,126,1 + border-t: 513,0,126,1 + corner-tl: 512,0,1,1 + corner-tr: 639,0,1,1 + corner-bl: 512,127,1,1 + corner-br: 639,127,1,1 + +newsbutton-hover: dialog.png + background: 513,1,126,126 + border-r: 639,1,1,126 + border-l: 512,1,1,126 + border-b: 513,127,126,1 + border-t: 513,0,126,1 + corner-tl: 512,0,1,1 + corner-tr: 639,0,1,1 + corner-bl: 512,127,1,1 + corner-br: 639,127,1,1 + +newsbutton-highlighted: dialog.png background: 769,1,126,126 border-r: 895,1,1,126 border-l: 768,1,1,126 @@ -267,9 +337,8 @@ button-highlighted: dialog.png corner-tr: 895,0,1,1 corner-bl: 768,127,1,1 corner-br: 895,127,1,1 - -# A copy of button-highlighted -button-highlighted-hover: dialog.png + +newsbutton-highlighted-hover: dialog.png background: 769,1,126,126 border-r: 895,1,1,126 border-l: 768,1,1,126 @@ -280,28 +349,27 @@ button-highlighted-hover: dialog.png corner-bl: 768,127,1,1 corner-br: 895,127,1,1 -button-highlighted-pressed: dialog.png - background: 897,1,126,126 - border-r: 1023,1,1,126 - border-l: 896,1,1,126 - border-b: 897,127,126,1 - border-t: 897,0,126,1 - corner-tl: 896,0,1,1 - corner-tr: 1023,0,1,1 - corner-bl: 896,127,1,1 - corner-br: 1023,127,1,1 +newsbutton-highlighted-pressed: dialog.png + background: 641,1,126,126 + border-r: 767,1,1,126 + border-l: 640,1,1,126 + border-b: 641,127,126,1 + border-t: 641,0,126,1 + corner-tl: 640,0,1,1 + corner-tr: 767,0,1,1 + corner-bl: 640,127,1,1 + corner-br: 767,127,1,1 -# A copy of button-highlighted -button-highlighted-disabled: dialog.png - background: 769,1,126,126 - border-r: 639,1,1,126 - border-l: 768,1,1,126 - border-b: 769,127,126,1 - border-t: 769,0,126,1 - corner-tl: 768,0,1,1 - corner-tr: 639,0,1,1 - corner-bl: 768,127,1,1 - corner-br: 639,127,1,1 +newsbutton-pressed: dialog.png + background: 641,1,126,126 + border-r: 767,1,1,126 + border-l: 640,1,1,126 + border-b: 641,127,126,1 + border-t: 641,0,126,1 + corner-tl: 640,0,1,1 + corner-tr: 767,0,1,1 + corner-bl: 640,127,1,1 + corner-br: 767,127,1,1 # A copy of dialog2 (normal button) scrollthumb: dialog.png diff --git a/mods/ra/chrome/mainmenu.yaml b/mods/ra/chrome/mainmenu.yaml index 0ede9ad0aa..6aebcbf1f2 100644 --- a/mods/ra/chrome/mainmenu.yaml +++ b/mods/ra/chrome/mainmenu.yaml @@ -191,6 +191,7 @@ Container@MAINMENU: Height: 55 Children: DropDownButton@NEWS_BUTTON: + Background: newsbutton X: 15 Y: 15 Width: 370 diff --git a/mods/ra/uibits/dialog.png b/mods/ra/uibits/dialog.png index 9189e98898..4a101b6fd1 100644 Binary files a/mods/ra/uibits/dialog.png and b/mods/ra/uibits/dialog.png differ diff --git a/mods/ts/chrome.yaml b/mods/ts/chrome.yaml index 0293e7dfb1..25e0b6b090 100644 --- a/mods/ts/chrome.yaml +++ b/mods/ts/chrome.yaml @@ -246,7 +246,7 @@ button: dialog.png corner-bl: 512,127,1,1 corner-br: 639,127,1,1 -# 5% lighter than a normal button +# 5% lighter than a normal button (mouseover) button-hover: dialog.png background: 513,129,126,126 border-r: 639,129,1,126 @@ -256,7 +256,7 @@ button-hover: dialog.png corner-tl: 512,128,1,1 corner-tr: 639,128,1,1 corner-bl: 512,255,1,1 - corner-br: 639,255,1,1 + corner-br: 639,255,1,1 # A copy of dialog3 (pressed button) button-pressed: dialog.png @@ -268,8 +268,8 @@ button-pressed: dialog.png corner-tl: 640,0,1,1 corner-tr: 767,0,1,1 corner-bl: 640,127,1,1 - corner-br: 767,127,1,1 - + corner-br: 767,127,1,1 + # 10% darker than a normal button button-disabled: dialog.png background: 513,257,126,126 @@ -280,22 +280,80 @@ button-disabled: dialog.png corner-tl: 512,256,1,1 corner-tr: 639,256,1,1 corner-bl: 512,383,1,1 - corner-br: 639,383,1,1 - -# A yellow (normal) button + corner-br: 639,383,1,1 + +# 10% darker than a normal button - Used in Settings when you select Display Audio Input or Advanced button-highlighted: dialog.png - background: 769,1,126,126 - border-r: 895,1,1,126 - border-l: 768,1,1,126 - border-b: 769,127,126,1 - border-t: 769,0,126,1 - corner-tl: 768,0,1,1 - corner-tr: 895,0,1,1 - corner-bl: 768,127,1,1 - corner-br: 895,127,1,1 + background: 769,129,126,126 + border-r: 895,129,1,126 + border-l: 768,129,1,126 + border-b: 769,255,126,1 + border-t: 769,128,126,1 + corner-tl: 768,128,1,1 + corner-tr: 895,128,1,1 + corner-bl: 768,255,1,1 + corner-br: 895,255,1,1 -# A copy of button-highlighted +# A copy of button-highlighted - Used in Settings when you select Display Audio Input or Advanced button-highlighted-hover: dialog.png + background: 769,129,126,126 + border-r: 895,129,1,126 + border-l: 768,129,1,126 + border-b: 769,255,126,1 + border-t: 769,128,126,1 + corner-tl: 768,128,1,1 + corner-tr: 895,128,1,1 + corner-bl: 768,255,1,1 + corner-br: 895,255,1,1 + +# Used in Settings when you select Display Audio Input or Advanced +button-highlighted-pressed: dialog.png + background: 897,129,126,126 + border-r: 1023,129,1,126 + border-l: 896,129,1,126 + border-b: 897,255,126,1 + border-t: 897,128,126,1 + corner-tl: 896,128,1,1 + corner-tr: 1023,128,1,1 + corner-bl: 896,255,1,1 + corner-br: 1023,255,1,1 + +# A copy of button-highlighted - Used in Settings when you select Display Audio Input or Advanced +button-highlighted-disabled: dialog.png + background: 769,129,126,126 + border-r: 895,129,1,126 + border-l: 768,129,1,126 + border-b: 769,255,126,1 + border-t: 769,128,126,1 + corner-tl: 768,128,1,1 + corner-tr: 895,128,1,1 + corner-bl: 768,255,1,1 + corner-br: 895,255,1,1 + +# vivid color - Used for the Battlefields News button +newsbutton: dialog.png + background: 513,1,126,126 + border-r: 639,1,1,126 + border-l: 512,1,1,126 + border-b: 513,127,126,1 + border-t: 513,0,126,1 + corner-tl: 512,0,1,1 + corner-tr: 639,0,1,1 + corner-bl: 512,127,1,1 + corner-br: 639,127,1,1 + +newsbutton-hover: dialog.png + background: 513,1,126,126 + border-r: 639,1,1,126 + border-l: 512,1,1,126 + border-b: 513,127,126,1 + border-t: 513,0,126,1 + corner-tl: 512,0,1,1 + corner-tr: 639,0,1,1 + corner-bl: 512,127,1,1 + corner-br: 639,127,1,1 + +newsbutton-highlighted: dialog.png background: 769,1,126,126 border-r: 895,1,1,126 border-l: 768,1,1,126 @@ -305,29 +363,39 @@ button-highlighted-hover: dialog.png corner-tr: 895,0,1,1 corner-bl: 768,127,1,1 corner-br: 895,127,1,1 - -button-highlighted-pressed: dialog.png - background: 897,1,126,126 - border-r: 1023,1,1,126 - border-l: 896,1,1,126 - border-b: 897,127,126,1 - border-t: 897,0,126,1 - corner-tl: 896,0,1,1 - corner-tr: 1023,0,1,1 - corner-bl: 896,127,1,1 - corner-br: 1023,127,1,1 - -# A copy of button-highlighted -button-highlighted-disabled: dialog.png + +newsbutton-highlighted-hover: dialog.png background: 769,1,126,126 - border-r: 639,1,1,126 + border-r: 895,1,1,126 border-l: 768,1,1,126 border-b: 769,127,126,1 border-t: 769,0,126,1 corner-tl: 768,0,1,1 - corner-tr: 639,0,1,1 + corner-tr: 895,0,1,1 corner-bl: 768,127,1,1 - corner-br: 639,127,1,1 + corner-br: 895,127,1,1 + +newsbutton-highlighted-pressed: dialog.png + background: 641,1,126,126 + border-r: 767,1,1,126 + border-l: 640,1,1,126 + border-b: 641,127,126,1 + border-t: 641,0,126,1 + corner-tl: 640,0,1,1 + corner-tr: 767,0,1,1 + corner-bl: 640,127,1,1 + corner-br: 767,127,1,1 + +newsbutton-pressed: dialog.png + background: 641,1,126,126 + border-r: 767,1,1,126 + border-l: 640,1,1,126 + border-b: 641,127,126,1 + border-t: 641,0,126,1 + corner-tl: 640,0,1,1 + corner-tr: 767,0,1,1 + corner-bl: 640,127,1,1 + corner-br: 767,127,1,1 # A copy of dialog2 (normal button) scrollthumb: dialog.png diff --git a/mods/ts/uibits/dialog.png b/mods/ts/uibits/dialog.png index 4e73f5bedc..d7a491c0c9 100644 Binary files a/mods/ts/uibits/dialog.png and b/mods/ts/uibits/dialog.png differ