Custom CSS

This is an experimental feature. Its behaviour might change in the future.

Instructions

1. Get class name of element you want to edit. For example, class of Settings Button would be: Home_SettingsButton__Qvn8C
2. Write custom styling for element using textarea at /settings/css. Most of the time you'll need to use !important in order to overwrite existing styles. For example, to change Settings Button from circle to square you would use:

.Home_SettingsButton__Qvn8C {
  border-radius: 0 !important;
}

3. Save styles and reload page

Examples

Change link size

.AppCard_AppCardDetails__tbAhY span {
  font-size: 8px !important;
}

Change number of columns of Appilcation Grid and reduce page spacing

.AppGrid_AppGrid__33iLW {
  grid-template-columns: repeat(7, 1fr) !important;
}

.Layout_Container__2Hv3J {
  padding: 20px 0 !important;
}