Initial commit

Code/Sandbox/Editor/Style/CloudCanvas.qss

@@ -0,0 +1,488 @@
+/*
+* All or portions of this file Copyright (c) Amazon.com, Inc. or its affiliates or
+* its licensors.
+*
+* For complete copyright and license terms please see the LICENSE at the root of this
+* distribution (the "License"). All use of this software is governed by the License,
+* or, if provided, by the license below or the license accompanying this file. Do not
+* remove or modify any license notices. This file is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*
+*/
+
+#ResourceManagement QLabel
+{
+    /* 
+        This sets the indent Q_PROPERTY on QLabel to 0. The default value is -1,
+        which triggers some computation based on the font size. But that only 
+        happens under some cicumstances, such as when using a stylesheet to set
+        margins or padding on the QLabel. Adding such styling suddenly causes
+        the indent to be applied, causing the left alignment of the text to break.
+    */
+    qproperty-indent: 0
+}
+
+#ResourceManagement #TreeTitle
+{
+    font-size: 12px; 
+    font-weight: bold;
+}
+
+#ResourceManagement #ButtonBar {
+    margin-top: 6px;
+}
+
+#ResourceManagement #ButtonBar QPushButton {
+    padding: 6px 9px 6px 9px;
+    margin-right: 6px;
+}
+
+#ResourceManagement #Message, #ResourceManagement *[class='Message'] {
+    font-size: 12px;
+    margin-top: 6;
+}
+
+#ResourceManagement #Title {
+    font-size: 14px;
+    font-weight: bold;
+}
+
+#ResourceManagement #Refreshing {
+    color: #F0C32D;
+}
+
+#ResourceManagement #LinkButton, #ResourceManagement *[class='Link'] {
+    border: none;
+    color: #00A1C9;
+    margin-top: 6px;
+    font-weight: bold;
+}
+
+#ResourceManagement QHeaderView::section {
+    color: #999999;
+    font-weight: bold;
+    border: none;
+    padding-top: 0px;
+    padding-bottom: 3px;
+    padding-right: 3px;
+    padding-left: 3px;
+}
+
+#ResourceManagement #Table {
+    qproperty-showGrid: false;
+    border: none;
+}
+
+#ResourceManagement #Table::item {
+    padding-right: 12px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
+#ResourceManagement #TextContentHelp
+{
+    margin: 0px;
+    padding: 12px;
+    border-style: outset;
+    border-width: 1px;
+    border-color: #303030;
+}
+
+#ResourceManagement #TextContentEdit
+{
+}
+
+#ResourceManagement #TextContentFooter
+{
+    padding: 6px 12px 6px 12px;
+    border-style: outset;
+    border-width: 1px;
+    border-color: #303030;
+}
+
+#ResourceManagement #TextContentFooter QLabel
+{
+    min-width: 48px;
+    max-width: 48px;
+    margin-right: 12px;
+    color: #999999;
+}
+
+#ResourceManagement #TextContentFooter QPushButton
+{
+    padding: 6px 9px 6px 9px;
+    margin-left: 6px;
+}
+
+
+#ResourceManagement #Action {
+    padding: 12px;
+    background-color: #404040;
+}
+
+#ResourceManagement #Action #ButtonBar {
+    background-color: #404040;
+}
+
+#ResourceManagement #Action #Heading {
+    background-color: #404040;
+}
+
+#ResourceManagement #Heading #RefreshButton {
+    margin-left: 12px;
+    padding: 3px;
+}
+
+#ResourceManagement #Action #Heading #Title {
+    border: 0px solid #404040;
+}
+
+#ResourceManagement #Action #Heading #Message {
+    border: 0px solid #404040;
+}
+
+#ResourceManagement #Action #LearnMore {
+    background-color: #404040;
+}
+
+#ResourceManagement #Action #LearnMore #Title {
+    font-size: 12px;
+    margin-top: 24px;
+    font-weight:bold;
+}
+
+#ResourceManagement #Action #LearnMore #LinkButton {
+    background-color: #404040;
+}
+
+#ResourceManagement #Action #Title, #ResourceManagement #Action #Message {
+    background-color: #404040;
+}
+
+#ResourceManagement #Top {
+    padding: 12px; 
+    border-style: outset;
+    border-width: 1px;
+    border-color: #303030;
+}
+
+#ResourceManagement #Bottom {
+    background-color: #404040;
+    padding: 12px; 
+}
+
+#ResourceManagement #Bottom #Title {
+    background-color: #404040;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+#ResourceManagement #Bottom #Message {
+    background-color: #404040;
+    margin-bottom: 6px;
+}
+
+#ResourceManagement #Bottom #Table {
+    background-color: #404040;
+    qproperty-alternatingRowColors: true;
+}
+
+#ResourceManagement #Bottom #Table QHeaderView {
+    background-color: #404040;
+}
+
+#ResourceManagement #Bottom #Table QHeaderView::section {
+    background-color: #404040;
+}
+
+#ResourceManagement #Bottom #Table::item {
+    background-color: #393a3c;
+}
+
+#ResourceManagement #Bottom #Table::item:alternate {
+    background-color: #303030;
+}
+
+#ResourceManagement #Bottom #Resources {
+    background-color: #404040;
+}
+
+#ResourceManagement #Bottom #Refreshing {
+    background-color: #404040;
+}
+
+#ResourceManagement #Stack #Heading #Message
+{
+    margin-top: 0;
+}
+
+#ResourceManagement #Stack #Status #Title
+{
+    font-size: 12px;
+    font-weight: bold;
+    margin-top: 6px;
+    margin-bottom: 6px;
+}
+
+#ResourceManagement #StackEvents #TitleBar {	
+    color: #CCCCCC;
+	background-color: #393a3c;
+    border-style: outset;
+    border-width: 1px;
+    border-color: #303030;
+}
+
+#ResourceManagement #StackEvents #TitleBar * {
+    font-size:12px; 
+} 
+
+#ResourceManagement #StackEvents #TitleBar #Title {
+    font-weight:bold;
+    margin-right: 12px;
+} 
+
+#ResourceManagement #StackEvents #TitleBar #InProgress #Text {
+    color: #F0C32D;
+}
+
+#ResourceManagement #StackEvents #TitleBar #Succeeded {
+    color: #43d96a;
+}
+
+#ResourceManagement #StackEvents #TitleBar #Failed {
+    color: #f44642;
+}
+
+#ResourceManagement #StackEvents #Content {	
+    border-style: inset;
+    border-width: 1px;
+    border-color: #303030;
+    padding: 12px;
+}
+
+#ResourceManagement #StackEvents #Table {
+    qproperty-alternatingRowColors: true;
+    qproperty-showGrid: false;
+}
+
+#ResourceManagement #StackEvents QTableView::item {
+    background-color: #303030;
+}
+
+#ResourceManagement #StackEvents QTableView::item:focus {
+    selection-color: #FFFFFF;
+    selection-background-color: rgba(255, 153, 0, 128);
+}
+
+#ResourceManagement #StackEvents QTableView::item:alternate {
+    background-color: #393a3c;
+}
+
+#ResourceManagement #CreateDeployment #LearnMore
+{
+    margin-bottom: 12px;
+}
+
+#ResourceManagement #CreateDeployment #WarningMessage
+{
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+
+#ResourceManagement #LoadingError, #ResourceManagement #LoadingError #Title, #ResourceManagement #LoadingError #Message, #ResourceManagement #LoadingError #ErrorText
+{
+    background: #404040;
+}
+
+#ResourceManagement #LoadingError #ErrorText
+{
+    padding: 12px;
+    color: #f44642;
+}
+
+#ResourceManagement #Loading, #ResourceManagement #Loading #Title, #ResourceManagement #Loading #Message
+{
+    background: #404040;
+}
+
+#ResourceManagement #Loading, #ResourceManagement #LoadingError
+{
+    padding: 12px;
+}
+
+#ResourceManagement #MainToolbar
+{
+    padding: 6px;
+    border-style: inset;
+    border-width: 1px;
+    border-color: #303030;
+}
+
+#ResourceManagement #MainToolbar QPushButton
+{
+    border: none;
+    padding: 0px;
+}
+
+#ResourceManagement #MainToolbar #AddNewButton
+{
+    margin-left: 12px;
+    margin-right: 12px;
+}
+
+#ResourceManagement #ResourceImporter #RegionBox:disabled
+{
+    color: #555555;
+}
+
+#ResourceManagement #ResourceImporter #ListTable
+{
+    qproperty-alternatingRowColors: true;
+    qproperty-showGrid: false;
+    border: none;
+}
+
+#ResourceManagement #ResourceImporter #ListTable::item
+{
+    padding-right: 12px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    background-color: #333436;
+}
+
+#ResourceManagement #ResourceImporter #ListTable::item:alternate
+{
+    background-color: #303030;
+}
+
+#ResourceManagement #ResourceImporter #SelectionTable
+{
+    qproperty-showGrid: false;
+    border: none;
+    gridline-color: #393a3c;
+}
+
+#ResourceManagement #ResourceImporter #SelectionTable::item
+{
+    padding: 1px 1px 1px 1px;
+
+}
+
+#ResourceManagement #ResourceImporter #LoadingLabel
+{
+    color : #F0C32D;
+}
+
+#ResourceManagement #MainToolbar #SaveButton,
+#ResourceManagement #MainToolbar #DeleteButton,
+#ResourceManagement #MainToolbar #SourceControlButton,
+#ResourceManagement #MainToolbar #AddNewButton
+{
+    qproperty-flat: true;
+}
+
+#ResourceManagement #MainToolbar #CurrentProfile
+{
+    margin-right: 12px;
+}
+
+#ResourceManagement #MainToolbar #CurrentDeployment
+{
+    margin-right: 12px;
+    margin-left: 12px;
+}
+
+#ResourceManagement #UpdateStack #Refreshing
+{
+    margin-top: 12px;
+    margin-left: 12px;
+}
+
+#ResourceManagement #UpdateStack #Message
+{
+    margin-bottom: 6px;
+}
+
+#ResourceManagement #UpdateStack #Table {
+    qproperty-alternatingRowColors: true;
+    qproperty-showGrid: false;
+}
+
+#ResourceManagement #UpdateStack #Table::item {
+    background-color: #303030;
+}
+
+#ResourceManagement #UpdateStack #Table::item:alternate {
+    background-color: #393a3c;
+}
+
+#ResourceManagement #UpdateStack #Status {
+    color: #F0C32D;
+}
+
+#ProfileSelector #DeleteProfile {
+    width: 38px;
+    height: 11px;
+    border: none;
+}
+
+#ProfileSelector #EditSelectedProfile {
+    color: #00A1C9;
+}
+
+#InitializeCloudCanvasProject #Profiles QRadioButton {
+    margin-left: 5px;
+}
+
+#InitializeCloudCanvasProject #ProfileEditButtons  {
+}
+
+#InitializeCloudCanvasProject #ProfileEditButtons QPushButton {
+}
+
+#InitializeCloudCanvasProject #ContentFrame {
+    x-margin: 6px;
+    x-padding: 6px;
+    border: 1px solid rgb(34, 35, 38);
+    x-background-color: purple;
+}
+
+#LoginDialog
+{
+    background-color: #F8F8F8;
+}
+
+#LoginDialog Amazon--LoginWelcomeTitle
+{
+    color: #444444;
+    background-color: #F8F8F8;
+    font-size: 21px;
+    qproperty-alignment: AlignCenter;
+    font-family: "Open Sans Semibold";
+}
+
+#LoginDialog Amazon--LoginWelcomeText
+{
+    color: #444444;
+    background-color: #F8F8F8;
+    font-size: 13px;
+    qproperty-alignment: AlignLeft;
+}
+
+#LoginDialog Amazon--LoginFooterText
+{
+    color: #999999;
+    background-color: #F8F8F8;
+    font-size: 13px;
+    qproperty-alignment: AlignCenter;
+}
+
+#LoginDialog Amazon--LoginWebViewFrame
+{
+    border: 2px solid #EEEEEE;
+}
+
+#LoginDialog Amazon--LoginWebView
+{
+    background-color: #F8F8F8;
+}

Code/Sandbox/Editor/Style/Editor.qss

@@ -0,0 +1,288 @@
+/*
+* All or portions of this file Copyright (c) Amazon.com, Inc. or its affiliates or
+* its licensors.
+*
+* For complete copyright and license terms please see the LICENSE at the root of this
+* distribution (the "License"). All use of this software is governed by the License,
+* or, if provided, by the license below or the license accompanying this file. Do not
+* remove or modify any license notices. This file is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*
+*/
+
+ActionWidget #LinkButton
+{
+    qproperty-flat: true;
+}
+
+AzAssetBrowserWindow #previewWidgetWrapper
+{
+    background-color: #323232;
+    border: 0 none;
+}
+
+AzAssetBrowserWindow QSplitter
+{
+    margin-top: 2px;
+}
+
+/* Component Palette Widget */
+AzToolsFramework--ComponentPaletteWidget
+{
+    border: 1px solid #4E4E4E;
+    background-color: #383A3B;
+}
+
+AzToolsFramework--ComponentPaletteWidget > QTreeView
+{
+    background-color: #222222;
+}
+
+/* Style for visualizing property values overridden from their prefab values */
+AzToolsFramework--PropertyRowWidget[IsOverridden=true] #Name QLabel,
+AzToolsFramework--ComponentEditorHeader #Title[IsOverridden="true"]
+{
+    font-weight: bold;
+    color: #F5A623;
+}
+
+/* Asset Editor */
+Ui--AssetEditorHeader
+{
+    margin: 0px;
+    padding: 0px;
+}
+
+Ui--AssetEditorHeader *
+{
+    height: 16px;
+    background-color: #272727;
+}
+
+Ui--AssetEditorHeader #Background
+{
+    margin: 0px;
+    padding: 2px 7px 3px 7px;
+    border: 1px solid transparent;
+    border-bottom: none;
+    background-image: none;
+    background-color: #272727;
+}
+
+Ui--AssetEditorHeader #Name
+{
+    height: 16px;
+    font: italic;
+    background-color: transparent;
+}
+
+Ui--AssetEditorHeader #Location
+{
+    height: 16px;
+    font: italic;
+    background-color: transparent;
+}
+
+#AssetEditorWidgetPropertyEditor AzToolsFramework--PropertyRowWidget[isTopLevel="true"]
+{
+    qproperty-appendDefaultLabelToName:1;
+}
+
+#AssetEditorWidgetPropertyEditor AzToolsFramework--PropertyRowWidget[isTopLevel="false"]
+{
+    qproperty-appendDefaultLabelToName:0;
+}
+
+#AssetEditorWidgetPropertyEditor AzToolsFramework--PropertyRowWidget[getLevel="1"][hasChildRows="true"]
+{
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+/* Set the Script Canvas search highlight color */
+GraphCanvas--NodePaletteTreeView
+{
+    selection-background-color: rgba(255, 255, 255, 41);
+}
+
+AzQtComponents--TabWidget#ScriptCanvasTabs
+{
+    height: 32px;
+    margin: 0 2px;
+    max-height: 32px;
+}
+
+/* Save Slice Override Window */
+AzToolsFramework--SlicePushWidget QTreeView QLabel
+{
+    min-height: 14px;
+}
+
+AzToolsFramework--SlicePushWidget QWidget#WarningTopLine
+{
+    background-color: #F5A623
+}
+
+AzToolsFramework--SlicePushWidget QWidget#WarningBottomLine
+{
+    background-color: #646464
+}
+
+AzToolsFramework--SlicePushWidget QTreeWidget#WarningTreeWidget::item:pressed
+, AzToolsFramework--SlicePushWidget QTreeWidget#WarningTreeWidget::item:selected
+{
+    background-color: #2D2D2D;
+}
+
+/* Toolbar borders (Editor UI Window) */
+EditorWindow QToolBar
+{
+    border-bottom: 2px solid #111111;
+}
+
+/* InfoBar (Toolbar below the main viewport) */
+
+QToolBar#InfoBar
+{
+    qproperty-iconSize: 22px 18px;
+}
+
+QToolBar#InfoBar AzQtComponents--VectorElement[Coordinate="X"] QLabel,
+QToolBar#InfoBar AzQtComponents--VectorElement[Coordinate="Y"] QLabel,
+QToolBar#InfoBar AzQtComponents--VectorElement[Coordinate="Z"] QLabel
+{
+    background-color: #333333;
+}
+
+DockWidgetTitleBar #DockWidgetContextMenu
+{
+    qproperty-icon: url(:/Cards/img/UI20/Cards/menu_ico.svg);
+    qproperty-iconSize: 24px 16px;
+    qproperty-flat: true;
+    margin: 0px;
+    max-width: 24px;
+    max-height: 16px;
+}
+
+#EMFX_Menu
+{
+    border-bottom-width: 2px;
+    border-bottom-color: #111111;
+    border-bottom-style: solid;
+}
+
+#EMFX_Menu QComboBox
+{
+    margin-right: 4px;
+    margin-bottom: 2px;
+}
+
+PanelTitleBar
+{
+    border-top: 1px solid #111111;
+}
+
+/* Asset Editor */
+
+#AssetEditorStatusBar
+{
+    border-top: 2px solid #111111;
+}
+
+/* Console and Python Console */
+
+ConsoleTextEdit,
+ConsoleTextEdit:hover,
+ConsoleTextEdit:focus,
+#SCRIPT_OUTPUT,
+#SCRIPT_OUTPUT:hover,
+#SCRIPT_OUTPUT:focus
+{
+    margin: 0;
+    margin-top: 6px;
+    background-color: #222222;
+    border-radius: 0px;
+    border-width: 0px;
+    border-color: #e9e9e9;
+    border-style: solid;
+}
+
+/* Welcome Screen styling */
+
+WelcomeScreenDialog QLabel
+{
+    font-size: 12px;
+    color: #FFFFFF;
+    line-height: 20px;
+    background-color: transparent;
+    margin: 0;
+}
+
+WelcomeScreenDialog QLabel#titleLabel
+{
+    font-size: 22px;
+    line-height: 32px;
+}
+
+WelcomeScreenDialog QLabel#bodyLabel
+{
+    font-size: 14px;
+    line-height: 20px;
+}
+
+WelcomeScreenDialog QLabel[fontStyle="sectionTitle"], QLabel#titleLabel[fontStyle="sectionTitle"], QLabel#documentationLink
+{
+    font-size: 16px;
+    line-height: 24px;
+}
+
+WelcomeScreenDialog QPushButton
+{
+    font-size: 14px;
+    line-height: 16px;
+}
+
+WelcomeScreenDialog QFrame#viewContainer
+{
+    background-color: transparent;
+}
+
+WelcomeScreenDialog QFrame#viewContainer[articleStyle="pinned"]
+{
+    background: rgba(180,139,255,5%);
+    border: 1px solid #B48BFF;
+    box-shadow: 0 0 4px 0 rgba(0,0,0,50%);
+}
+
+WelcomeScreenDialog QWidget#articleViewContainerRoot
+{
+    background: #111111;
+}
+
+WelcomeScreenDialog QScrollArea#previewArea
+{
+    background-color: transparent;
+}
+
+WelcomeScreenDialog QWidget#articleViewContents
+{
+    background-color: transparent;
+}
+
+WelcomeScreenDialog QFrame#imageFrame
+{
+    background-color: transparent;
+}
+
+/* Particle Editor */
+
+#NumParticlesLabel
+{
+    margin-top: 6px;
+}
+
+#LibrarySearchIcon
+{
+    max-width: 16px;
+    max-height: 16px;
+    qproperty-iconSize: 16px 16px;
+}

Code/Sandbox/Editor/Style/EditorPreferencesDialog.qss

@@ -0,0 +1,66 @@
+
+/*
+* All or portions of this file Copyright (c) Amazon.com, Inc. or its affiliates or
+* its licensors.
+*
+* For complete copyright and license terms please see the LICENSE at the root of this
+* distribution (the "License"). All use of this software is governed by the License,
+* or, if provided, by the license below or the license accompanying this file. Do not
+* remove or modify any license notices. This file is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*
+*/
+
+QWidget#EditorPreferencesDialog
+{
+    margin: 0px;
+    padding: -4px -5px -4px -5px;
+    background-color: #444444;
+    border-color: transparent;
+}
+
+QWidget#EditorPreferencesDialog QTreeWidget#pageTree
+{
+    font-size: 11px;
+    border: 1px solid #111111;
+    background-color: #333333;
+    margin: 0px;
+}
+
+QWidget#EditorPreferencesDialog QTreeWidget#pageTree::item
+{
+    margin-top: 3px;
+    margin-bottom: 2px;
+}
+
+QWidget#EditorPreferencesDialog AzToolsFramework--ReflectedPropertyEditor#propertyEditor
+{
+    background-color: #222222;
+    border: 1px solid #111111;
+    margin: 0px 2px 0px 5px
+}
+
+AzToolsFramework--PropertyRowWidget QLabel#Name
+{
+    color: #eeeeee;
+    padding: 0 0 0 5px;
+}
+
+AzToolsFramework--PropertyRowWidget[HasParent="false"] QLabel#Name
+{
+    font-weight: bold;
+    padding: 0 0 0 5;
+    color: white;
+}
+
+#EditorPreferencesDialog AzToolsFramework--PropertyRowWidget[isTopLevel="true"][hasChildRows="true"]
+{
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    padding: 4px 0 6px;
+    margin-bottom: 4px;
+}
+
+#EditorPreferencesDialog AzToolsFramework--PropertyRowWidget[isTopLevel="true"][hasChildRows="true"] QLabel#Name
+{
+    font-weight: bold;
+}

Code/Sandbox/Editor/Style/EditorStylesheetVariables_Dark.json

@@ -0,0 +1,59 @@
+
+{
+	"StylesheetVariables" : {
+		"WindowBackgroundColor" : "#393a3c",
+		"PanelBackgroundColor" : "#303030",
+		"DockWidgetTextColor" : "#cccccc",
+		"DockWindowTitleBarColor" : "#222326",
+		"TextColor" : "#cccccc",
+		"ToolButtonPressedBackgroundColor" : "rgba(255, 153, 0, 128)",
+		"ToolButtonPressedBorderColor" : "#D9822E",
+		"ToolButtonHoverBackgroundColor" : "rgba(255, 153, 0, 64)",
+		"ToolButtonHoverBorderColor" : "#D9822E",
+		"ToolButtonCheckedBackgroundColor" : "rgba(255, 153, 0, 32)",
+		"MenuBorderColor" : "#4E4E4E",
+		"MenuItemSelectedColor" : "#D9822E",
+		"MenuEnabledTextColor" : "#ffffff",
+		"MenuDisabledTextColor" : "#C0C0C0",
+		"ScrollbarBackgroundColor" : " #2D2D2D",
+		"ScrollbarBorderColor" : "000000",
+		"ScrollbarHandleBackgroundColor" : " #353535",
+		"ScrollbarHandleBorderColor" : " #4E4E4E",
+		"ComponentPanelFrameColor" : "#383A3B",
+		"ViewportTitleSearchBackgroundUrl" : "url(:/viewpanes/editwithbutton_dark.png)",
+		"TextErrorColor": "#f44642",
+		"TextPositiveColor": "#43d96a",
+		"TextWarningColor": "#F0C32D",
+		"TextInfoColor": "#4285F4",
+		"DarkPanelBackgroundColor": "#212225",
+		"LinkColor" : "#4285F4",
+		"LabelTextColor" : "#999999",
+		"PushButtonDisabledColor" : "#666666",
+		"CheckBoxDisabledColor" : "#666666",
+		"ResourceGroupHighlightColor" : "#D9822E",
+		"CToolTipText" : "#ff000000",
+		"CToolTipBackground" : "#ffffffff",
+		"CTableRowOdd" : "#ffededed",
+		"CTableRowEven" : "#ffffffff",
+		"SliceRootBackgroundColor" : "#1E252F",
+		"SliceRootNameColor" : "#FFFFFF",
+		"SelectedSliceRootBackgroundColor" : "#47487B",
+		"SelectedSliceRootBorderColor" : "#2F306D",
+		"SliceEntityColor" : "#4285F4",
+		"SliceOverrideColor" : "#FF7B00",
+		"LayerBackgroundColor" : "#2F2F2F",
+		"LayerChildBackgroundColor": "#333333",
+		"LayerBorderTop": "#515151",
+		"LayerBorderBottom": "#252525",
+		"LayerMenuSelected": "#424242",
+		"LayerMenuDisabled" : "#A0A0A0",
+		"NewLayerDefaultColor": "#515151",
+		"HierarchyLinesSlices": "#425E88",
+		"HierarchyLinesSlicesSelected": "#5779AB",
+		"HierarchyLinesNonSliceEntities": "#5C5C5C",
+		"HierarchyLinesNonSliceEntitiesSelected": "#7B7B7B",
+		"OutlinerSelectionColor": "#565A5B",
+		"LayerBGSelectionColor": "#444545",
+		"LayerChildBGSelectionColor":  "#464747"
+	}
+}

Code/Sandbox/Editor/Style/GraphicsSettingsDialog.qss

@@ -0,0 +1,30 @@
+/*
+* All or portions of this file Copyright (c) Amazon.com, Inc. or its affiliates or
+* its licensors.
+*
+* For complete copyright and license terms please see the LICENSE at the root of this
+* distribution (the "License"). All use of this software is governed by the License,
+* or, if provided, by the license below or the license accompanying this file. Do not
+* remove or modify any license notices. This file is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*
+*/
+
+#GraphicsSettingsDialog QHeaderView::section
+{
+        background: #2D2D2D;
+}
+
+#GraphicsSettingsDialog QHeaderView::down-arrow
+{
+    width: 14px;
+    height: 14px;
+    image: url(:/Gallery/Delete.svg);
+}
+
+#GraphicsSettingsDialog QHeaderView::up-arrow
+{
+    width: 14px;
+    height: 14px;
+    image: url(:/Gallery/Delete.svg);
+}

Code/Sandbox/Editor/Style/LayoutConfigDialog.qss

@@ -0,0 +1,9 @@
+#CLayoutConfigDialog QListView::item
+{
+    padding: 2px 4px;
+}
+
+#CLayoutConfigDialog QListView::item:selected
+{
+    background: #00A1C9;
+}

Code/Sandbox/Editor/Style/LensFlareEditor.qss

@@ -0,0 +1,17 @@
+/*
+* All or portions of this file Copyright (c) Amazon.com, Inc. or its affiliates or
+* its licensors.
+*
+* For complete copyright and license terms please see the LICENSE at the root of this
+* distribution (the "License"). All use of this software is governed by the License,
+* or, if provided, by the license below or the license accompanying this file. Do not
+* remove or modify any license notices. This file is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+*
+*/
+
+#DatabaseFrameWnd QToolBar
+{
+    border-bottom: 2px solid #111111;
+}
+

Code/Sandbox/Editor/Style/resources.qrc

@@ -0,0 +1,10 @@
+<!DOCTYPE RCC><RCC version="1.0">
+<qresource>
+    <file alias="Editor/Style/Editor.qss">Editor.qss</file>
+    <file alias="Editor/Style/EditorPreferencesDialog.qss">EditorPreferencesDialog.qss</file>
+    <file alias="Editor/Style/CloudCanvas.qss">CloudCanvas.qss</file>
+    <file alias="Editor/Style/LayoutConfigDialog.qss">LayoutConfigDialog.qss</file>
+    <file alias="Editor/Style/GraphicsSettingsDialog.qss">GraphicsSettingsDialog.qss</file>
+    <file alias="Editor/Style/LensFlareEditor.qss">LensFlareEditor.qss</file>
+</qresource>
+</RCC>