DEV Community

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

Posted on

3 1

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

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay