pulsar-edit/pulsar
1
1
Fork 0
mirror of https://github.com/pulsar-edit/pulsar.git synced 2024-07-14 22:40:33 +03:00
Code Issues Packages Projects Releases Wiki Activity
master
pulsar/packages/one-dark-ui
History
confused_techie 0389eeea2a
Merge pull request #599 from asiloisad/master 
Fix tree-view sticky headers of one-dark & one-light themes
2023-07-05 21:12:29 -07:00
..
lib Remove deprecated code strings (#22952) 2021-09-20 18:52:48 +03:00
spec Reformat all JS files using prettier 2019-05-31 18:33:56 +02:00
styles Merge pull request #599 from asiloisad/master 2023-07-05 21:12:29 -07:00
.gitignore ➡️ Migrate core package 'one-dark-ui' into ./packages 2018-09-06 11:17:04 -07:00
index.less ➡️ Migrate core package 'one-dark-ui' into ./packages 2018-09-06 11:17:04 -07:00
package-lock.json add or update packages/*/package-lock.json 2022-12-10 19:13:50 +01:00
package.json remove 'standard' linter from packages 2022-11-19 17:12:43 +01:00
README.md rebrand and relicence 2022-12-03 02:46:08 +00:00

README.md

One Dark UI theme

A dark UI theme that adapts to most syntax themes.

One dark UI

The font used in the screenshot is Fira Mono.

Install

This theme comes bundled with Pulsar and can be activated by going to the Settings > Themes section and selecting "One Dark" from the UI Themes drop-down menu.

Settings

In the theme settings you can:

  • Change the Font Size to scale the whole UI up or down.
  • Choose between 3 Tab Sizing modes.
  • Hide the dock buttons.

To make changes, go to Settings > Themes > One Dark UI > Settings or the cog icon next to the theme picker.

Customize

It's also possible to resize only certain areas by adding the following to your styles.less (Use DevTools to find the right selectors):

.theme-one-dark-ui {
  .tab-bar { font-size: 18px; }
  .tree-view { font-size: 14px; }
  .status-bar { font-size: 12px; }
}

FAQ

Why do the colors change when I switch Syntax themes? This UI theme uses the same background color as the chosen syntax theme. If that syntax theme has a light background color, it only uses its hue, but otherwise stays dark. This lets you use dark-light combos.