Hi folks, Regarding font, I've added the followin...
# gooddata-cloud
d
Hi folks, Regarding font, I've added the following "typography" section to the top of my theme, following from the theme documentation. However, my dashboards are still using the default font. What am I doing wrong?
Copy code
{
    "typography": {
        "font": "local(Time New Roman)"
    },
    "palette": {
        "primary": {
            "base": "#005cff"
        },
        "error": {
            "base": "#d13049"
        },
        "success": {
...
m
Hello Daniel, Thank you for contacting us. I tested it in my environment and successfully changed the font to Times New Roman, just like you did.
Copy code
"typography": {
        "font": "local(Times New Roman)"
    },
I have a few questions: 1. How did you create your theme? Did you do it through the UI by navigating to Settings > Theme (change) > Create and paste? 2. How did you activate it? Did you use the API with a specific call?
POST {{baseUrl}}/api/v1/entities/workspaces/:workspaceId/workspaceSettings
Copy code
{
  "data": {
    "type": "workspaceSetting",
    "id": "{workspaceId}",
    "attributes": {
      "content": {
        "id": "{themeId}",
        "type": "theme"
      },
      "type": "ACTIVE_THEME"
    }
  }
}
Once you add the theme to a specific workspace, you can easily edit it from the UI. Thank you!
d
I created and am editing the theme in the UI under Settings >> Theme. Via the UI, I applied the theme and didn't take any steps to activate it or use the API
In looking carefully at my original post, you'll see that I spelt the font name Time New Roman 🤦‍♂️ sorry
1
m
Can you try with this?:
Copy code
{
  "palette": {
    "primary": {
      "base": "#ED26B7"
    },
    "error": {
      "base": "#e54d42"
    },
    "success": {
      "base": "#00c18d"
    },
    "warning": {
      "base": "#f4d521"
    }
  },
  "typography": {
    "font": "local(Times New Roman)"
  },
  "button": {
    "borderRadius": "100",
    "dropShadow": false
  },
  "analyticalDesigner": {
    "title": {
      "color": "#1C0D3F"
    }
  },
  "dashboards": {
    "content": {
      "kpiWidget": {
        "title": {
          "color": "#f2f4f6B2",
          "textAlign": "center"
        },
        "kpi": {
          "primaryMeasureColor": "#fff",
          "secondaryInfoColor": "#f2f4f6B2"
        },
        "borderRadius": "6",
        "borderWidth": "1",
        "backgroundColor": "#1c0d3f",
        "dropShadow": false
      }
    },
    "title": {
      "color": "#1C0D3F",
      "backgroundColor": "#fff",
      "borderColor": "#DFE4E8"
    },
    "navigation": {
      "backgroundColor": "#1C0D3F",
      "title": {
        "color": "#fff"
      },
      "item": {
        "color": "#BFC9D1",
        "hoverColor": "#fff",
        "selectedColor": "#fff",
        "selectedBackgroundColor": "#FFFFFF1A"
      }
    },
    "filterBar": {
      "filterButton": {
        "backgroundColor": "#F2F4F6"
      },
      "backgroundColor": "#fff",
      "borderColor": "#DFE4E8"
    },
    "section": {
      "title": {
        "color": "#1c0d3f",
        "lineColor": "#DFE4E8"
      }
    }
  }
}
Oh, good!, so now must be working. Have a nice day!
d
It's working, yes, but note that that typo was a direct copy+paste from the theme documentation
1
m
Thank you, I will report it!
d