Questions & Answers

Notion Better Dark Theme

+2 votes
23 views
asked Sep 13 in Notion by nikolasgavalas (170 points)

I love the fact that notion has a dark theme! I noticed that a few things were missing as far as the colors went. Example: You can't see the notes you're placing when you are using the mouse because they are black on a black background. I went ahead and created a new theme file that fixes this and a few other colors in the dark theme. I think it's a pretty good start IMO. 

Here are the steps to get it working.

  1. Create a new text file somewhere and edit it using Notepad or some other text editor and save it as BetterDarkTheme.tpk
    1. Make sure that the file extension is .tpk. If you can't see the file extension, enable that option in Windows Explorer. (Google if if you don't know how to do that)
  2. Paste the XML in this post into that new file and save it. (Again make sure it's a .tpk file)
  3. Open the folder C:\Program Files\Notion 6\Support\Themes. (I'm unsure what that would be on mac)
  4. Copy your new theme file in that folder
  5. Open Notion 6 and go to preferences and select the new theme (BetterDarkTheme)
  6. That's it, Enjoy!
(Maybe the Notion team can think about incorporating some of these changes to make the out of the box theme a bit better yes)
<?xml version="1.0" encoding="UTF-8"?>
<theme_colors>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">defa</property>
    <property key="sclr" name="Stroke color">0.40000001 0.40000001 0.44999999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">barl</property>
    <property key="sclr" name="Stroke color">0.60000002 0.60000002 0.64999998 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">stln</property>
    <property key="sclr" name="Stroke color">0.31999999 0.31999999 0.37 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">pgtx</property>
    <property key="sclr" name="Stroke color">0.44999999 0.44999999 0.5 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">meas</property>
    <property key="sclr" name="Stroke color">0.44999999 0.44999999 0.5 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">trig</property>
    <property key="sclr" name="Stroke color">0.75099999 0.676 0.141 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">rerr</property>
    <property key="sclr" name="Stroke color">0.60000002 0.30000001 0.30000001 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sqnt</property>
    <property key="sclr" name="Stroke color">0 0.39199999 0.19599999 0.64999998</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sqac</property>
    <property key="sclr" name="Stroke color">0 0.39199999 0.19599999 0.64999998</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sqtb</property>
    <property key="sclr" name="Stroke color">0 0.39199999 0.19599999 0.64999998</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sqev</property>
    <property key="sclr" name="Stroke color">0 0.39199999 0.19599999 0.64999998</property>
    <property key="fclr" name="Fill color">0 0.39199999 0.19599999 0.64999998</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sqsf</property>
    <property key="sclr" name="Stroke color">0 0.5 0.19599999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sqbg</property>
    <property key="sclr" name="Stroke color">0 0.39199999 0.19599999 0.64999998</property>
    <property key="fclr" name="Fill color">0 0.39199999 0.19599999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">snap</property>
    <property key="sclr" name="Stroke color">0 0.39199999 0.19599999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">tupb</property>
    <property key="sclr" name="Stroke color">0.44999999 0.44999999 0.5 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">rhyl</property>
    <property key="sclr" name="Stroke color">0.52600002 0.51800001 0.391 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">fade</property>
    <property key="sclr" name="Stroke color">0.44999999 0.44999999 0.5 0.60000002</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">rvhd</property>
    <property key="sclr" name="Stroke color">0.69999999 0.89999998 0.69999999 0.30000001</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">inac</property>
    <property key="sclr" name="Stroke color">1 1 0.80000001 0.1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">slnt</property>
    <property key="sclr" name="Stroke color">1 1 0.80000001 0.1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">cmms</property>
    <property key="sclr" name="Stroke color">0.625 0.625 0.625 1</property>
    <property key="fclr" name="Fill color">0.625 0.625 0.625 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">cins</property>
    <property key="sclr" name="Stroke color">0.625 0.625 0.625 0</property>
    <property key="fclr" name="Fill color">0.82499999 0.82499999 0.82499999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">slem</property>
    <property key="sclr" name="Stroke color">0 0 0 0</property>
    <property key="fclr" name="Fill color">0 0 0 0</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">slhn</property>
    <property key="sclr" name="Stroke color">0.69999999 0.5 0.1 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">crtm</property>
    <property key="sclr" name="Stroke color">0.89999998 0.89999998 0.89999998 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">crto</property>
    <property key="sclr" name="Stroke color">0.5 0.5 0.5 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">crgs</property>
    <property key="sclr" name="Stroke color">0.26300001 0.235 0.96899998 0.75</property>
  </packet>
<!--   <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">crbr</property>
    <property key="sclr" name="Stroke color">0 0 0 0.125</property>
  </packet>
 --> 
  <!-- Staff placement highlight over note -->
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">crbr</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.2</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">stbr</property>
    <property key="sclr" name="Stroke color">0.75300002 0.75700003 0.58399999 1</property>
    <property key="fclr" name="Fill color">0.85500002 0.85900003 0.65499997 1</property>
  </packet>

<!--   <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">ptbr</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">ptbf</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.07</property>
  </packet>
 -->
  <!-- Play cursor area and staff -->
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">ptbr</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.2</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">ptbf</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.17</property>
  </packet>

  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">plbr</property>
    <property key="sclr" name="Stroke color">0.28 0.34999999 0.28 0.69999999</property>
    <property key="fclr" name="Fill color">0.25 0.31999999 0.25 0.69999999</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">wtbr</property>
    <property key="sclr" name="Stroke color">1 1 1 0.30000001</property>
    <property key="fclr" name="Fill color">0.25 0.31999999 0.25 0.69999999</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">vmbr</property>
    <property key="sclr" name="Stroke color">1 0.55000001 0.23999999 0.25</property>
    <property key="fclr" name="Fill color">1 0.55000001 0.23999999 0.25</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">spbr</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">spbf</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.1</property>
    <property key="fclr" name="Fill color">0 0 0 0</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">rcbr</property>
    <property key="sclr" name="Stroke color">0.43099999 0.588 0.26300001 1</property>
    <property key="fclr" name="Fill color">0.65499997 0.86699998 0.447 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">enbr</property>
    <property key="sclr" name="Stroke color">0.43099999 0.588 0.26300001 1</property>
    <property key="fclr" name="Fill color">0.65499997 0.86699998 0.447 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">psdn</property>
    <property key="sclr" name="Stroke color">0.51800001 0.51800001 0.41999999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">pgbk</property>
    <property key="sclr" name="Stroke color">0 0 0 1</property>
    <property key="fclr" name="Fill color">0 0 0 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">pgex</property>
    <property key="sclr" name="Stroke color">0 0 0 1</property>
    <property key="fclr" name="Fill color">0 0 0 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">npbk</property>
    <property key="sclr" name="Stroke color">0 0 0 1</property>
    <property key="fclr" name="Fill color">0 0 0 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">ctbk</property>
    <property key="sclr" name="Stroke color">0 0 0 1</property>
    <property key="fclr" name="Fill color">0 0 0 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">rcbk</property>
    <property key="sclr" name="Stroke color">0.153 0.18000001 0.25099999 1</property>
    <property key="fclr" name="Fill color">0.2 0.31999999 0.30000001 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">stpb</property>
    <property key="sclr" name="Stroke color">0.2 0.30000001 0.30000001 1</property>
    <property key="fclr" name="Fill color">0.30000001 0.30000001 0.25 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">vdbk</property>
    <property key="sclr" name="Stroke color">0.89999998 0.94999999 1 0.125</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">tdbk</property>
    <property key="sclr" name="Stroke color">0.88999999 0.898 1 0.15000001</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">inb1</property>
    <property key="sclr" name="Stroke color">0 0 1 0.125</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">inb2</property>
    <property key="sclr" name="Stroke color">0.34999999 0.361 0.741 1</property>
    <property key="fclr" name="Fill color">1 1 1 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">inws</property>
    <property key="sclr" name="Stroke color">0 0 0 0.125</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">prtx</property>
    <property key="sclr" name="Stroke color">1 1 1 0.2</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">plbk</property>
    <property key="sclr" name="Stroke color">0.2 0.2 0.2 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">cnbk</property>
    <property key="sclr" name="Stroke color">0 0 0 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbcv</property>
    <property key="sclr" name="Stroke color">0 0 0.80000001 0.125</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbgs</property>
    <property key="sclr" name="Stroke color">0.80000001 0 0.80000001 0.5</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbbn</property>
    <property key="sclr" name="Stroke color">0 0 0.80000001 0.75</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbo1</property>
    <property key="sclr" name="Stroke color">0.2 0.57999998 0.149 0.5</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbo2</property>
    <property key="sclr" name="Stroke color">0.47099999 0.80000001 0.45899999 0.5</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbp1</property>
    <property key="sclr" name="Stroke color">0 0 0.86699998 0.40000001</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">dbp2</property>
    <property key="sclr" name="Stroke color">0.47099999 0.80000001 0.45899999 0.40000001</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sv1</property>
    <property key="sclr" name="Stroke color">0.40000001 0.40000001 0.44999999 1</property>
  </packet>
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">sltm</property>
    <property key="sclr" name="Stroke color">0.90196103 0.56078398 0.082352899 0.7</property>
  </packet>

  <!-- Note selection -->
  <packet type="THCO" name="Theme color">
    <property key="oelm" name="Output element">slar</property>
    <property key="sclr" name="Stroke color">0.40000001 0.60000002 1 0.2</property>
    <property key="fclr" name="Fill color">0.40000001 0.60000002 1 0.17</property>
  </packet>

  <packet type="THAD" name="Theme adjustment">
    <property key="imbr" name="Image brightness">0</property>
    <property key="imcn" name="Image contrast">0</property>
    <property key="bnbr" name="Button brightness">0</property>
    <property key="bncn" name="Button contrast">0</property>
  </packet>
</theme_colors>

Please log in or register to answer this question.

...