diff --git a/editor/resources/editor/icons/light/inspector/align-center-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-black-16x16@2x.png new file mode 100644 index 000000000000..93f2170de29e Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-center-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-blue-16x16@2x.png new file mode 100644 index 000000000000..1bcf7fa8881b Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-center-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-darkgray-16x16@2x.png new file mode 100644 index 000000000000..b398eeccaa7d Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-center-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-gray-16x16@2x.png new file mode 100644 index 000000000000..b65c95474241 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-center-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-lightblue-16x16@2x.png new file mode 100644 index 000000000000..aa7bf5077359 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-center-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-lightgray-16x16@2x.png new file mode 100644 index 000000000000..c82864bf183e Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-center-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-center-white-16x16@2x.png new file mode 100644 index 000000000000..6da6b2deff5a Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-center-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-black-16x16@2x.png new file mode 100644 index 000000000000..20a0e5313c70 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-blue-16x16@2x.png new file mode 100644 index 000000000000..42abb635ecd1 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-darkgray-16x16@2x.png new file mode 100644 index 000000000000..f4285f1ebc37 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-gray-16x16@2x.png new file mode 100644 index 000000000000..0b2f29bbb090 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-lightblue-16x16@2x.png new file mode 100644 index 000000000000..44372410e880 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-lightgray-16x16@2x.png new file mode 100644 index 000000000000..d65bbc55a9ac Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-end-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-end-white-16x16@2x.png new file mode 100644 index 000000000000..79c3ae8993d6 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-end-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-black-16x16@2x.png new file mode 100644 index 000000000000..960a86d1bad1 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-blue-16x16@2x.png new file mode 100644 index 000000000000..d38daf6327d7 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-darkgray-16x16@2x.png new file mode 100644 index 000000000000..c5bd477faab5 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-gray-16x16@2x.png new file mode 100644 index 000000000000..43d57b22c49d Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-lightblue-16x16@2x.png new file mode 100644 index 000000000000..126b17b52b43 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-lightgray-16x16@2x.png new file mode 100644 index 000000000000..4590d2307705 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/align-start-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/align-start-white-16x16@2x.png new file mode 100644 index 000000000000..ad454f10a5f7 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/align-start-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-black-16x16@2x.png index 93f2170de29e..999a530d99eb 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-black-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-blue-16x16@2x.png index 1bcf7fa8881b..e9e4b2669f0a 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-blue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-darkgray-16x16@2x.png index b398eeccaa7d..0b6664c068f8 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-darkgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-gray-16x16@2x.png index b65c95474241..c28e4aef26fa 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-gray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-lightblue-16x16@2x.png index aa7bf5077359..a1ace9c02fd6 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-lightblue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-lightgray-16x16@2x.png index c82864bf183e..2fa005e86d61 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-lightgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-center-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-center-white-16x16@2x.png index 6da6b2deff5a..4680a1423a25 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-center-white-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-center-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-black-16x16@2x.png index 20a0e5313c70..95d3dc87718e 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-black-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-blue-16x16@2x.png index 42abb635ecd1..9f48c837088e 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-blue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-darkgray-16x16@2x.png index f4285f1ebc37..bc87fbb0246b 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-darkgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-gray-16x16@2x.png index 0b2f29bbb090..94b4bc51b761 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-gray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-lightblue-16x16@2x.png index 44372410e880..ebdf99131910 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-lightblue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-lightgray-16x16@2x.png index d65bbc55a9ac..521136787fd9 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-lightgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-end-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-end-white-16x16@2x.png index 79c3ae8993d6..7f675ead8ef4 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-end-white-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-end-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-black-16x16@2x.png index 960a86d1bad1..2f3fbea477df 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-black-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-blue-16x16@2x.png index d38daf6327d7..3b0d12638ed1 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-blue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-darkgray-16x16@2x.png index c5bd477faab5..52125f4dce6c 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-darkgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-gray-16x16@2x.png index 43d57b22c49d..cc25074cc04f 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-gray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-lightblue-16x16@2x.png index 126b17b52b43..8c56c96ef502 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-lightblue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-lightgray-16x16@2x.png index 4590d2307705..d3bc0bcfefa4 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-lightgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/alignSelf-start-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/alignSelf-start-white-16x16@2x.png index ad454f10a5f7..43ddb4087f04 100644 Binary files a/editor/resources/editor/icons/light/inspector/alignSelf-start-white-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/alignSelf-start-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-black-16x16@2x.png new file mode 100644 index 000000000000..da0d7558fae2 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-blue-16x16@2x.png new file mode 100644 index 000000000000..4efe18981c87 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-darkgray-16x16@2x.png new file mode 100644 index 000000000000..0ad9e2a3f03e Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-gray-16x16@2x.png new file mode 100644 index 000000000000..fcb1ba165a41 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-lightblue-16x16@2x.png new file mode 100644 index 000000000000..dd851c79a36e Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-lightgray-16x16@2x.png new file mode 100644 index 000000000000..1b8a9dc091e8 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-center-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-center-white-16x16@2x.png new file mode 100644 index 000000000000..d8acc3f050c1 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-center-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-black-16x16@2x.png new file mode 100644 index 000000000000..66b91617ff39 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-blue-16x16@2x.png new file mode 100644 index 000000000000..587fbe287d86 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-darkgray-16x16@2x.png new file mode 100644 index 000000000000..32094c00018b Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-gray-16x16@2x.png new file mode 100644 index 000000000000..c4b114f7ba03 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-lightblue-16x16@2x.png new file mode 100644 index 000000000000..42ec86ee68ae Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-lightgray-16x16@2x.png new file mode 100644 index 000000000000..7b9f5fad1a9b Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-end-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-end-white-16x16@2x.png new file mode 100644 index 000000000000..4fcd7ab13bdb Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-end-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-black-16x16@2x.png new file mode 100644 index 000000000000..3f8de1d98230 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-blue-16x16@2x.png new file mode 100644 index 000000000000..27dc3fd271a8 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-darkgray-16x16@2x.png new file mode 100644 index 000000000000..e967e31bae2a Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-gray-16x16@2x.png new file mode 100644 index 000000000000..1889700e7d47 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-lightblue-16x16@2x.png new file mode 100644 index 000000000000..0a96b9545138 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-lightgray-16x16@2x.png new file mode 100644 index 000000000000..a90100c0fe42 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justify-start-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justify-start-white-16x16@2x.png new file mode 100644 index 000000000000..a9bfd13e0ea7 Binary files /dev/null and b/editor/resources/editor/icons/light/inspector/justify-start-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-black-16x16@2x.png index da0d7558fae2..2aad798edbf3 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-black-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-blue-16x16@2x.png index 4efe18981c87..ea35b38f92ad 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-blue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-darkgray-16x16@2x.png index 0ad9e2a3f03e..2c9b99a4cfdf 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-darkgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-gray-16x16@2x.png index fcb1ba165a41..ae498bc69a9e 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-gray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-lightblue-16x16@2x.png index dd851c79a36e..d811646a521d 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-lightblue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-lightgray-16x16@2x.png index 1b8a9dc091e8..7425952dc67d 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-lightgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-center-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-center-white-16x16@2x.png index d8acc3f050c1..8aa5312073a1 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-center-white-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-center-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-black-16x16@2x.png index 66b91617ff39..fa52a02737f4 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-black-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-blue-16x16@2x.png index 587fbe287d86..ebea0168202c 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-blue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-darkgray-16x16@2x.png index 32094c00018b..32790cb578a2 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-darkgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-gray-16x16@2x.png index c4b114f7ba03..f5c08ddcbb88 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-gray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-lightblue-16x16@2x.png index 42ec86ee68ae..49b0712fd1c8 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-lightblue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-lightgray-16x16@2x.png index 7b9f5fad1a9b..b9c2911c2a85 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-lightgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-end-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-end-white-16x16@2x.png index 4fcd7ab13bdb..4f8ab867c30c 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-end-white-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-end-white-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-black-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-black-16x16@2x.png index 3f8de1d98230..c6b9f0c8d3c4 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-black-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-black-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-blue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-blue-16x16@2x.png index 27dc3fd271a8..b54200cc390f 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-blue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-blue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-darkgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-darkgray-16x16@2x.png index e967e31bae2a..8b3b2453dc09 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-darkgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-darkgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-gray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-gray-16x16@2x.png index 1889700e7d47..2168246c04cd 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-gray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-gray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-lightblue-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-lightblue-16x16@2x.png index 0a96b9545138..5e99e15d07f9 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-lightblue-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-lightblue-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-lightgray-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-lightgray-16x16@2x.png index a90100c0fe42..cead8128da03 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-lightgray-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-lightgray-16x16@2x.png differ diff --git a/editor/resources/editor/icons/light/inspector/justifySelf-start-white-16x16@2x.png b/editor/resources/editor/icons/light/inspector/justifySelf-start-white-16x16@2x.png index a9bfd13e0ea7..554d560ce6cc 100644 Binary files a/editor/resources/editor/icons/light/inspector/justifySelf-start-white-16x16@2x.png and b/editor/resources/editor/icons/light/inspector/justifySelf-start-white-16x16@2x.png differ diff --git a/editor/src/components/inspector/alignment-buttons.tsx b/editor/src/components/inspector/alignment-buttons.tsx index b3c9c51d4d73..3fa2e1841708 100644 --- a/editor/src/components/inspector/alignment-buttons.tsx +++ b/editor/src/components/inspector/alignment-buttons.tsx @@ -184,19 +184,19 @@ export const AlignmentButtons = React.memo(() => { options={[ { value: 'left', - icon: { category: 'inspector', type: 'justifySelf-start' }, + icon: { category: 'inspector', type: 'justify-start' }, forceCallOnSubmitValue: true, disabled: disableAlign, }, { value: 'hcenter', - icon: { category: 'inspector', type: 'justifySelf-center' }, + icon: { category: 'inspector', type: 'justify-center' }, forceCallOnSubmitValue: true, disabled: disableAlign, }, { value: 'right', - icon: { category: 'inspector', type: 'justifySelf-end' }, + icon: { category: 'inspector', type: 'justify-end' }, forceCallOnSubmitValue: true, disabled: disableAlign, }, @@ -213,19 +213,19 @@ export const AlignmentButtons = React.memo(() => { options={[ { value: 'top', - icon: { category: 'inspector', type: 'alignSelf-start' }, + icon: { category: 'inspector', type: 'align-start' }, forceCallOnSubmitValue: true, disabled: disableAlign, }, { value: 'vcenter', - icon: { category: 'inspector', type: 'alignSelf-center' }, + icon: { category: 'inspector', type: 'align-center' }, forceCallOnSubmitValue: true, disabled: disableAlign, }, { value: 'bottom', - icon: { category: 'inspector', type: 'alignSelf-end' }, + icon: { category: 'inspector', type: 'align-end' }, forceCallOnSubmitValue: true, disabled: disableAlign, }, diff --git a/editor/src/components/inspector/controls/option-chain-control.tsx b/editor/src/components/inspector/controls/option-chain-control.tsx index a0000f4fb299..05081a2a53a4 100644 --- a/editor/src/components/inspector/controls/option-chain-control.tsx +++ b/editor/src/components/inspector/controls/option-chain-control.tsx @@ -90,6 +90,7 @@ export const OptionChainControl: React.FunctionComponent< icon: option.icon, iconComponent: option.iconComponent, labelInner: option.label, + disabled: option.disabled, }} value={props.value === option.value} // eslint-disable-next-line react/jsx-no-bind diff --git a/editor/src/components/inspector/controls/option-control.tsx b/editor/src/components/inspector/controls/option-control.tsx index 24423c448ef2..328e71da2e21 100644 --- a/editor/src/components/inspector/controls/option-control.tsx +++ b/editor/src/components/inspector/controls/option-control.tsx @@ -15,6 +15,7 @@ export interface DEPRECATEDOptionControlOptions extends DEPRECATEDGenericControl tooltip?: string width?: number height?: number + disabled?: boolean } export const OptionControl: React.FunctionComponent< @@ -101,15 +102,15 @@ export const OptionControl: React.FunctionComponent< isChecked && props.controlStatus === 'overridden' ? colorTheme.brandNeonPink.value : colorTheme.fg1.value, - filter: props.controlStatus == 'disabled' ? 'grayscale(0)' : undefined, - opacity: props.controlStatus == 'disabled' ? undefined : isChecked ? 1 : 0.4, + filter: props.controlStatus === 'disabled' ? 'grayscale(0)' : undefined, + opacity: props.controlStatus === 'disabled' ? undefined : isChecked ? 1 : 0.7, // If part of a option chain control: '.option-chain-control-container &': { boxShadow: 'none !important', borderRadius: 2, - opacity: isChecked ? 1 : 0.4, + opacity: controlOptions.disabled ? 0.2 : isChecked ? 1 : 0.7, '&:hover': { - opacity: props.controlStatus == 'disabled' ? undefined : 1, + opacity: controlOptions.disabled ? undefined : 1, color: isChecked && props.controlStatus === 'overridden' ? colorTheme.brandNeonPink.value @@ -117,10 +118,10 @@ export const OptionControl: React.FunctionComponent< }, }, '&:hover': { - opacity: props.controlStatus == 'disabled' ? undefined : 1, + opacity: props.controlStatus === 'disabled' ? undefined : 1, }, '.control-option-icon-component': { - opacity: 0.4, + opacity: 0.7, }, '&:hover .control-option-icon-component': { opacity: 1,