# Colors appearing different between 3D and 2D

**URL:** <https://community.cesium.com/t/colors-appearing-different-between-3d-and-2d/21634>\
**Category:** CesiumJS\
**Created:** [December 17, 2022, 2:44am UTC](https://community.cesium.com/t/colors-appearing-different-between-3d-and-2d/21634 "2022-12-17T02:44:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![bpdavis77](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/bpdavis77/32/3476_2.png) [@bpdavis77](https://community.cesium.com/u/bpdavis77)\
**Post date:** [December 17, 2022, 2:44am UTC](https://community.cesium.com/t/colors-appearing-different-between-3d-and-2d/21634/1 "2022-12-17T02:44:46Z")

</div>

I’m basically experiencing the exact problem as outlined, [here](https://community.cesium.com/t/colors-appear-drastically-different-between-3d-and-2d/7070), but I wasn’t sure the etiquette regarding reviving threads that are 4 years old.

The aforementioned thread was never resolved, and I was wondering if any progress has been made regarding the issue.

If there hasn’t been any progress made, is there a way to disable lighting for primitives such as rectangles? As it stands, rendering rectangles in 2D is prone to weird areas of intense colors and dull colors. Ideally, the image below would be one shade of blue.

Code to reproduce can be found after the images.

 ![BlueValues.PNG](https://global.discourse-cdn.com/cesium/original/3X/d/1/d1d849b38060f1bfb6ce29144988d66af8498c9e.jpeg)

 ![BlueValues2](https://global.discourse-cdn.com/cesium/original/3X/3/7/3780aba587f358bdf7a506eeef9a2f68be5898e6.png)

```auto
const czml = [
  {
    id: "document",
    name: "CZML Geometries: Rectangle",
    version: "1.0",
  },
{
"id":"D52B7A9B-2C47-49C7-A388-E054FF88B2D8",
"rectangle": {
"material": { "solidColor": { "color": { "rgba": [64,64,255,160]}}},
"coordinates": {"wsen": [-3.141592,0.000000,0.000000,1.570796]},
"outline": true,
"outlineColor": {"rgba": [180,255,180,255]},
"extrudedHeight": 0
}
},
{
"id":"E991E816-8AB2-427D-B115-58C7157F5280",
"rectangle": {
"material": { "solidColor": { "color": { "rgba": [64,64,255,160]}}},
"coordinates": {"wsen": [-3.141592,-1.570796,0.000000,0.000000]},
"outline": true,
"outlineColor": {"rgba": [180,255,180,255]},
"extrudedHeight": 0
}
},
{
"id":"0229A6D2-C28D-4CC3-AB6F-B6513D9F5C6E",
"rectangle": {
"material": { "solidColor": { "color": { "rgba": [64,64,255,160]}}},
"coordinates": {"wsen": [0.000000,-1.570796,3.141592,0.000000]},
"outline": true,
"outlineColor": {"rgba": [180,255,180,255]},
"extrudedHeight": 0
}
},
{
"id":"C93F8CA5-73B4-408B-B7F8-BAF37730CD47",
"rectangle": {
"material": { "solidColor": { "color": { "rgba": [64,64,255,160]}}},
"coordinates": {"wsen": [0.000000,0.000000,3.141592,1.570796]},
"outline": true,
"outlineColor": {"rgba": [180,255,180,255]},
"extrudedHeight": 0
}
}
];

const viewer = new Cesium.Viewer("cesiumContainer", {
            sceneMode: Cesium.SceneMode.SCENE2D,
});
const dataSourcePromise = Cesium.CzmlDataSource.load(czml);
viewer.dataSources.add(dataSourcePromise);
viewer.zoomTo(dataSourcePromise);

```

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [December 19, 2022, 4:30pm UTC](https://community.cesium.com/t/colors-appearing-different-between-3d-and-2d/21634/2 "2022-12-19T16:30:46Z")

</div>

Hi there,

I believe this is the same issue that was linked in the other thread: [Strange 2D full map lighting · Issue #1825 · CesiumGS/cesium · GitHub](https://github.com/CesiumGS/cesium/issues/1825).

We haven’t devoted much of of development resources to 2D/Columbus View modes as the majority of CesiumJS use cases are 3D. Although, I will bump that issue with this report for awareness. Thanks for the report!