docs/src/content/docs/configuration/theme.mdx
import { Aside } from "@astrojs/starlight/components";
This setting defines the dashboard's theme. It only effects the presentation of the dashboard,
not the data. Currently, the theme only defines colors and icons. To control how table columns
and preview pane display for the views, use the defaults, prSections, and
issueSections settings.
To define any color for your dashboard, you must define every color. All properties are
required properties. Every color for the dashboard's theme must be a valid hex color like
#a3c or #aa33cc, or an ANSI color index from 0 to 255.
To find hex colors to use in your dashboard, visit color-hex.com. You can browse colors,
inspect a given color, get alternate shades and tints for a color, derive a color palette, and
more.
ui:
sectionsShowCount: true
table:
showSeparators: true
compact: false
colors:
text:
primary: "#ffffff"
secondary: "#c6c6c6"
inverted: "#303030"
faint: "#8a8a8a"
warning: "#800000"
success: "#008000"
actor: "#c6c6c6"
background:
selected: "#808080"
border:
primary: "#808080"
secondary: "#c0c0c0"
faint: "#000000"
inline:
icons:
newcontributor: "077"
contributor: "075"
collaborator: "178"
member: "178"
owner: "178"
unknownrole: "178"
icons:
inline:
newcontributor: ""
contributor: ""
collaborator: ""
member: ""
owner: ""
unknownrole: ""
ui)| Property | Type | default |
|---|---|---|
sectionsShowCount | boolean | true |
Whether the number of results show up next to each section's title in the tab bar.
table)| Property | Type | default |
|---|---|---|
showSeparators | boolean | true |
Whether to show the separators between lines in the prs/issues tables.
| Property | Type | default |
|---|---|---|
compact | boolean | false |
Whether to show table rows in a compact way or not
colors)This setting defines a map of colors for the dashboard's text, background, and border colors.
The following elements can't be styled through your configuration and have their colors set as:
| Element | Color |
|---|---|
| Search input terms when inactive | Terminal default (faint) |
| Search input terms when active | Terminal default |
| Inactive section names in the tab list | Terminal default |
| The status icon for open issues and PRs | #42A0FA |
| The status icon for closed issues | #C38080 |
| The status icon for closed PRs | #C38080 |
| The status icon for merged PRs | #A371F7 |
Required:
text)Defines the foreground (text) colors for the dashboard.
| Property | Type | default |
|---|---|---|
primary | color | #ffffff for dark or #000000 for light |
This setting determines the color of the text for the following elements in the dashboard UI:
| Property | Type | default |
|---|---|---|
secondary | color | #c6c6c6 for dark or #808080 for light |
This setting determines the color of the text for the following elements in the dashboard UI:
is:pr, and is:issue components of the search bar| Property | Type | default |
|---|---|---|
inverted | color | #303030 for dark or #ffffff for light |
This setting determines the color of the text for the following elements in the dashboard UI:
| Property | Type | default |
|---|---|---|
faint | color | #8a8a8a for dark or #c0c0c0 for light |
This setting determines the color of the text for the following elements in the dashboard UI:
| Property | Type | default |
|---|---|---|
warning | color | #800000 for dark or #800000 for light |
This setting determines the color of the text for the following elements in the dashboard UI:
reviewStatus column's icon when a PR has requested changesci column's icon when a PR has failing checks| Property | Type | default |
|---|---|---|
success | color | #008000 for dark or 008000 for light |
This setting determines the color of the text for the following elements in the dashboard UI:
reviewStatus column's icon when a PR is approvedci column's icon when a PR's checks are all passing| Property | Type | default |
|---|---|---|
actor | color | #c6c6c6 for dark or #808080 for light |
This setting determines the color of the text for the following elements in the dashboard UI:
background)Defines the background colors for the dashboard. By default, the background color for all elements in the dashboard UI is the terminal's background color.
Required:
| Property | Type | default |
|---|---|---|
selected | color | #808080 for dark or #c0c0c0 for light |
This setting determines the background color for the following elements in the dashboard UI:
border)| Property | Type | default |
|---|---|---|
border | color | #808080 for dark or #c0c0c0 for light |
Defines the border colors for the dashboard.
Required:
| Property | Type | default |
|---|---|---|
primary | color | #808080 for dark or #ff00ff for light |
This setting determines the color for the following elements in the dashboard UI:
| Property | Type | default |
|---|---|---|
secondary | color | #c0c0c0 for dark or #808080 for light |
This setting determines the color for the following elements in the dashboard UI:
| Property | Type | default |
|---|---|---|
faint | color | #000000 for dark or #e4e4e4 for light |
This setting determines the color for the following elements in the dashboard UI:
inline.icons)Defines author-role icon colors for the dashboard.
newcontributor
| Property | Type | default |
|---|---|---|
newcontributor | color |
Specifies the icon color for the new-contributor-role icon.
| Property | Type | default |
|---|---|---|
contributor | color |
Specifies the icon color for the contributor-role icon.
collaborator:
| Property | Type | default |
|---|---|---|
collaborator | color |
Specifies the icon color for the collaborator-role icon.
| Property | Type | default |
|---|---|---|
member | color |
Specifies the icon color for the member-role icon.
Specifies the icon color for the owner-role icon.
| Property | Type | default |
|---|---|---|
unknown | color |
Specifies the icon color for the unknown-role icon.
icons.inline)This setting defines a map of author-role icons for the dashboard.
Specifies the character to use as the new-contributor-role icon.
| Property | Type | default |
|---|---|---|
newcontributor | string | |
Specifies the character to use as the contributor-role icon.
| Property | Type | default |
|---|---|---|
contributor | string | |
Specifies the character to use as the collaborator-role icon.
| Property | Type | default |
|---|---|---|
collaborator | string | |
Specifies the character to use as the member-role icon.
| Property | Type | default |
|---|---|---|
member | string | |
Specifies the character to use as the owner-role icon.
| Property | Type | default |
|---|---|---|
owner | string | |
Specifies the character to use as the unknown-role icon.
| Property | Type | default |
|---|---|---|
unknownrole | string | |