My custom CSS (Dark theme)

Jevgeni · July 14, 2019, 5:50pm

gist.github.com

https://gist.github.com/jaykovski/7056e59ef89cd3c4c8285c63d49d6347

dynalist.css

:root {
  --font: 'FiraCode-Retina', Menlo, Monaco, 'Courier New', monospace;
  --node-red: rgba(172, 30, 43, 0.6);
  --node-orange: rgba(184, 98, 0, 0.6);
  --node-yellow: rgba(205, 159, 0, 0.6);
  --node-green: rgba(33, 117, 18, 0.6);
  --node-blue: rgba(0, 86, 168, 0.6);
  --node-purple: rgba(134, 46, 156, 0.6);
  --gray-9: #161821;
  --gray-8: #1e1f2b;

This file has been truncated. show original

Colors inspired by: monokai.pro

RobertSmith · July 14, 2019, 8:51pm

Nice!

Jevgeni · July 15, 2019, 2:42pm

Me personally using emoji for folder and document icons, you can add this css to hide default icons:

.DocumentItem {
margin: 1px 0;
}

.FolderItem-header {
padding-left: 10px;
}

.FolderItem .DocumentItem .DocumentItem-header {
padding-left: 47px;
}

.DocumentItem-title,
.FolderItem-title {
margin-left: 0;
}

.DocumentItem-icon,
.FolderItem-icon {
display: none;
}

RobertSmith · July 18, 2019, 4:02pm

Ugh. Thanks for this man!

I’ve been trying to figure out how to do this for a while.

It’ll help me get that much closer to making a Things 3 replica!

Anh_Huynh · June 26, 2021, 11:25am

This theme is so pleasant to look at! Thank you so much for this

Richard_Emes · June 29, 2021, 7:45am

Great theme! Could you let me know how to change the font? I amended the font row at the start of the CSS but it didn’t have any effect. Thanks

Jevgeni · June 29, 2021, 12:22pm

The font is used only for the code part, if you want to use font for everything, uncomment these lines: /* font-family: var(–font); */
Since this is old and I am not using Dynalist anymore, can’t guarantee it will work.

BigChungus · June 30, 2021, 4:20am

Here’s more on adding a font Total Newbie - Custom Font CSS with Google Fonts