Questions & Answers

Notion Better Dark Theme

+18 votes
8,351 views
asked Sep 13, 2018 in Notion Feature Requests by nikolasgavalas (510 points)
recategorized Sep 28, 2018 by TechSupport77

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>

2 Answers

0 votes
answered Sep 28, 2018 by TechSupport77 (195,990 points)
 
Best answer

Thank you for the feature request. 

If anyone else agrees or disagrees, please VOTE!

The developers pay close attention to those that are voted on the most. 

You are allowed one vote. You can change your vote later if you choose.

(Here's some helpful info on how to use the voting system)

Please vote the original question / feature request. 

Please DO NOT Vote on THIS response!

0 votes
answered Dec 9, 2018 by Nip (3,240 points)
Personally I just hate transparent menu stuff - it just makes it less readable.
Anything improving this is welcome.
...