1. Abstract
  2. Using Abstract
  3. Using the Abstract Desktop App

Dark Mode

Follow

Dark Mode and Abstract

Abstract supports dark mode in both the desktop and web app versions.

The Abstract web application in dark mode
The Abstract web application in dark mode

 

The Abstract desktop application in dark mode
The Abstract desktop application in dark mode

 

Enabling Dark Mode

Desktop App

Abstract’s dark mode is linked to your System Preferences. Switch on the system-wide Dark Appearance in macOS to activate Abstract’s dark mode.

macOS 12 and earlier

  1. Open your System Preferences. 
  2. Select General. 
  3. Next to Appearance, select Dark.

macOS 13 and later

  1. Open your System Settings
  2. Select Appearance 
  3. Next to Appearance, select Dark.

Web App

By default, Abstract's appearance is automatically based on your system settings. If you would like to enable dark mode for the web app without changing your system settings, you can do so from the left side navigation panel.

  1. Navigate to the Abstract web app.
  2. In the left side navigation, click your username.
  3. In the menu, select Appearance and then Dark.
web_app_light.jpg
Selecting dark mode from the Abstract web app

Sketch Plugin

Abstract uses the Sketch preferences setting (light or dark mode) to set the color of the Abstract plugin.

To change the mode of the Abstract plugin, you must change the mode in Sketch as well.

In Abstract versions 96.0.1 and earlier, Abstract uses your macOS system preferences settings to set the color of the quick commit modal and plugin. To change the mode of the Abstract plugin, you must change the OS mode.