DEV Community

Cover image for Which DEV theme & FONT do you use?
Sharad Raj (He/Him)
Sharad Raj (He/Him)

Posted on

Which DEV theme & FONT do you use?

Let's have a chat :)

Theme: JUST BLACK
Font : JetBrains Mono
code snap

Confused right, share DEV as well as IDE configs ๐Ÿ˜„

Top comments (15)

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