Forum Discussion

jhayes0128's avatar
jhayes0128
Frequent Visitor
4 years ago
Solved

White page shadow with dark theme?

I have a report with a custom 'Dark Theme' that works great, however I cannot seem to remove this white shadow between the usable page and the outspace/wallpaper. I do have shadows configured for visuals, but if I change the shadow to red this white shadow stays white. I can't seem to get rid of this white shadow! Any advice?

 

 

 "visualStyles": {
"page": {
"*": {
"outspace": [
{
"color": {
"solid": {
"color": "#252423"
}
},
"transparency": 0
}
],
"background": [
{
"color": {
"solid": {
"color": "#252423"
}
},
"transparency": 0
}
]
}
},
"*": {
"*": {
"dropShadow": [
{
"show": true,
"color": {
"solid": {
"color": "#252423"
}
},
"position": "Inner",
"preset": "Custom",
"shadowSpread": 10,
"shadowBlur": 18.0,
"angle": 0,
"shadowDistance": 0,
"transparency": 65
}
],

 

  • Hi jhayes0128 

     

    I think this might assist. There is the Canvas Background and the Wallpaper.  I have a slight shadow with the below options:

     

    Now, when I turn the Canvas Background to 100% transparent, the shadow goes away:

    If you can use the Wallpaper as the basis of your dark theme, switch the canvas to complete transparency (100%), you should find the shadow goes away.

     

    Hope this helps!

    Theo 🙂

     

4 Replies

  • TheoC's avatar
    TheoC
    Icon for Community Champion rankCommunity Champion

    Hi jhayes0128 

     

    I think this might assist. There is the Canvas Background and the Wallpaper.  I have a slight shadow with the below options:

     

    Now, when I turn the Canvas Background to 100% transparent, the shadow goes away:

    If you can use the Wallpaper as the basis of your dark theme, switch the canvas to complete transparency (100%), you should find the shadow goes away.

     

    Hope this helps!

    Theo 🙂

     

  • eyebelieve's avatar
    eyebelieve
    Frequent Visitor

    Perfect, thank you! I usuall apply a background image and so changing the Background to 100% means that image will no longer show; work around, keep Background at 100% and insert an image as a "background" in order to eliminate that wallpaper/background light shadow.