Light and dark color themes that make VS Code look like the Simplysm desktop apps.
Simplysm Light — Office-style warm gray panels, white editor, deep Office blue (#2B579A) title bar.
Simplysm Dark — Dark Modern-style neutral grays. The title bar is the same gray as the tab bar, and blue appears only where it means something.
What it colors
Workbench — every part (title bar, activity bar, side bar, tabs, panel, status bar, lists, inputs, buttons, menus, notifications) gets the color of the part that plays the same role in the Simplysm apps. Blue and status colors (warning, error, success) appear only where they mean something.
Editor — syntax colors, diff colors, and terminal ANSI colors are the same as the code panes (editor, history diff, terminal) of the Simplysm apps.
The colors are generated from the Simplysm design tokens, so the themes follow the apps whenever the design changes.
Use
Open Preferences: Color Theme (Ctrl+K Ctrl+T) and pick Simplysm Light or Simplysm Dark.
To follow the OS light/dark setting, enable window.autoDetectColorScheme and set workbench.preferredLightColorTheme / workbench.preferredDarkColorTheme to the two themes.
A color theme changes colors only. Fonts, sizes, and spacing stay as configured in VS Code.
한국어 (Korean)
VS Code 를 심플리즘 PC 앱과 같은 모양으로 보이게 하는 light·dark 색 테마입니다.
Simplysm Light — Office 풍의 따뜻한 회색 판, 흰 편집기, 짙은 Office 파랑(#2B579A) 제목 줄.
Simplysm Dark — Dark Modern 풍의 무채색 회색. 제목 줄은 탭 줄과 같은 회색이고, 파랑은 뜻이 있는 자리에만 씁니다.
칠하는 것
워크벤치 — 제목 줄·활동 막대·사이드바·탭·패널·상태 줄·목록·입력 칸·단추·메뉴·알림의 각 자리는 심플리즘 앱에서 같은 역할을 하는 자리의 색입니다. 파랑과 상태색(경고·위험·성공)은 그 뜻이 있는 자리에만 씁니다.
편집기 — 문법 색·비교(diff) 색·터미널 ANSI 색은 심플리즘 앱의 코드 판(편집기·이력 비교·터미널)과 같습니다.
색은 심플리즘 디자인 토큰에서 만듭니다. 그래서 디자인이 바뀌면 테마도 앱을 따라갑니다.
쓰는 법
Preferences: Color Theme(Ctrl+K Ctrl+T)에서 Simplysm Light 나 Simplysm Dark 를 고릅니다.
OS 의 light·dark 설정을 따르려면 window.autoDetectColorScheme 를 켜고 workbench.preferredLightColorTheme·workbench.preferredDarkColorTheme 을 두 테마로 둡니다.
