DEV Community

Cover image for Which DEV theme & FONT do you use?

Which DEV theme & FONT do you use?

Sharad Raj (He/Him) on June 05, 2020

Let's have a chat :) Theme: JUST BLACK Font : JetBrains Mono Confused right, share DEV as well as IDE configs 😄
Collapse
 
ben profile image
Ben Halpern •

Based on the title I thought you meant dev.to/settings/ux... I use "sans serif" font and default theme 😄

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt •

I don't like serif, btw. My eyes hurt.

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) •

What if serif is a sans serif font 😂😂🤣

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) • • Edited

At first it was DEV only, then I changed it intentionally 😂

Collapse
 
muhimen123 profile image
Muhimen •

Shall I answer it for dev(as mentioned in the topic) or for VSCode(as shown in the picture)?
Let's answer both. 😉

.dev {
    "background": Night theme;
    "font-family": Comic sans;
}
.vscode {
    "background": Hackpot;
    "font-family": Cascadia Code;
}
Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) •

Creative human

Collapse
 
sergix profile image
Peyton McGinnis •

VSCode & Hyper

DEV

  • Minimal Light
  • Serif
Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) •

4k screen

Collapse
 
stevegroom profile image
Steve Groom •

Loving Cartograph CF and have it in VSCode on my Mac on Texttastic on my iPad.

The italic styling is rather nice.

See marketplace.visualstudio.com/items... - the screenshots are made using Cartograph CF.

Collapse
 
rahulreddyarva profile image
Rahul Reddy Arva •

@stevegroom How did you set up the Cartography font in VS code? Can you share your font settings if possible, please??

Collapse
 
stevegroom profile image
Steve Groom •

In vscode, open settings.
Search for font
Scroll to Editor: Font Family
I have 'Cartograph CF', Menlo, Monaco, 'Courier New', monospace

Then further down - Editor: Font Ligatures - click through and set to true.

Create a new file and you can see the ligatures if you type character combinations such as
=<=> <= >=
-> --> >>- >= !=
~> := .= // /* */ /=
?. >-> =>> |>

They will visually be substituted, but remain as separate characters in the files (and clipboard).

regards
Steve

Collapse
 
thramosal profile image
Thiago Ramos •

Theme: vimawesome.com/plugin/solarized-8
Font: Fira Code.

Collapse
 
sharadcodes profile image
Sharad Raj (He/Him) •

I always wanted to use VIM

Collapse
 
thomasbnt profile image
Thomas Bnt •

Fira Code and Ubuntu or Rubik !

Collapse
 
riidom profile image
riidom •

On dev.to: Night theme and serif (yes!)
In VS Code: Nord theme and JetBrains Mono