diff --git a/README.md b/README.md
index 4d64b63..e95f32e 100644
--- a/README.md
+++ b/README.md
@@ -239,7 +239,7 @@ on top of other windows even if it's not focused.
**tags:** #extension
**description:** link files for small client-side tweaks. (not sure how to do something? check out the
-[tweaks](https://github.com/notion-enhancer/notion-enhancer/blob/master/TWEAKS.md) collection.)
+[tweaks](https://github.com/notion-enhancer/tweaks) collection.)
**author:** [dragonwocky](https://github.com/dragonwocky/)
diff --git a/TWEAKS.md b/TWEAKS.md
deleted file mode 100644
index aacdd89..0000000
--- a/TWEAKS.md
+++ /dev/null
@@ -1,241 +0,0 @@
-# tweaks
-
-the enhancer comes with some built-in colour themes and layout improvements,
-but to get even more control over how the app looks you can use the file picker in the
-"custom inserts" module to inject your own javascript or css into it.
-
-to make your own css file to add, make sure that your file manager has "show file extensions" ticked, then
-create a text document and make sure the name ends in `.css` (e.g. `notion-tweaks.css`).
-
-this page is a collection of tested visual tweaks users often ask about.
-they should all also work in notion's web client, if copied into a customiser
-like [stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en).
-
-css below will work for every instance of the element, but if you wish to hide only a specific element
-(e.g. the '+ new' table row) it is recommended that you prepend each selector with
-`[data-block-id='ID']`.
-
-if you don't know what css is and are interested, check out some youtube videos
-or [try a free short course like the one on codecademy](https://www.codecademy.com/learn/learn-css).
-
-**the following tweaks were previously on this page and have since been moved to the**
-**more stable and theme-compatible css variable system described in the**
-**[developer documentation](DOCUMENTATION.md#variable-theming):**
-
-- colour theming
-- custom fonts and font sizes
-- wider page preview
-- thinner cover image
-
-if you are attempting to customise the web client, the css previously used for these can be found
-[in the legacy documentation](https://github.com/notion-enhancer/notion-enhancer/blob/b5043508d91df76f145f0f48c2c63d7dd1c27543/STYLING.md).
-
-### hide discussions (the comment threads at the top of each page)
-
-```css
-[style*='env(safe-area-inset-left)']:not(.notion-page-content)
- [style*='width: 100%; height: 1px;'],
-.notion-page-view-discussion {
- display: none !important;
-}
-```
-
-
-
-### hide backlinks
-
-note: this only hides the trigger. if you've already got backlinks shown,
-then use the 3 dots up in the top-right corner to remove them.
-
-```css
-.notion-page-details-controls {
- display: none !important;
-}
-```
-
-
-
-### hide the '+ new' gallery button
-
-```css
-.notion-gallery-view
- .notion-selectable.notion-collection_view-block
- > [role='button'],
-.notion-gallery-view
- .notion-selectable.notion-collection_view_page-block
- > [role='button'] {
- display: none !important;
-}
-```
-
-
-
-### sticky table/list row
-
-note: this will make the first row stick to the top of the screen when scrolling down.
-to stick a specific row replace `:nth-child(2)` with `[data-block-id="ROW_BLOCK_ID_HERE"]`.
-
-does not apply to inline databases.
-
-```css
-.notion-collection_view_page-block
- .notion-page-block.notion-collection-item:nth-child(2) {
- background: var(--theme--main);
- z-index: 10;
- position: sticky;
- top: 0;
-}
-.notion-table-view
- .notion-collection_view_page-block
- .notion-page-block.notion-collection-item:nth-child(2) {
- top: 32px;
-}
-```
-
-
-
-### table columns below 100px
-
-**not recommended!** this may cause buggy viewing.
-as it is a per-table-column style, unlike most others here, it must be prepended with the block ID and repeated for each column.
-
-to see how to do this, watch [this video](https://www.youtube.com/watch?v=6V7eqShm_4w).
-
-```css
-[data-block-id^='tableID']
- > [style^='display: flex; position: absolute; background: rgb(47, 52, 55); z-index: 82; height: 33px; color: rgba(255, 255, 255, 0.6);']
- > div:nth-child(1)
- > div:nth-child(COL_NUMBER)
- > div:nth-child(1),
-[data-block-id^='tableID']
- > [style^='position: relative; min-width: calc(100% - 192px);']
- > [data-block-id]
- > div:nth-child(COL_NUMBER),
-[data-block-id^='tableID'] > div:nth-child(5) > div:nth-child(COL_NUMBER) {
- width: 32px !important;
-}
-[data-block-id^='tableID']
- [style^='position: absolute; top: 0px; left: 0px; pointer-events: none;']:not(.notion-presence-container) {
- display: none;
-}
-```
-
-
-
-### hide '+ new' table row
-
-```css
-.notion-table-view-add-row {
- display: none !important;
-}
-```
-
- 
-
-### hide calculations table row
-
-```css
-.notion-table-view-add-row + div {
- display: none !important;
-}
-```
-
- 
-
-### centre-align table column headers
-
-```css
-.notion-table-view-header-cell > div > div {
- margin: 0px auto;
-}
-```
-
- 
-
-### smaller table column header icons
-
-```css
-[style^='display: flex; position: absolute; background: rgb(47, 52, 55); z-index: 82; height: 33px; color: rgba(255, 255, 255, 0.6);']
- div:nth-child(1)
- svg {
- height: 10px !important;
- width: 10px !important;
- margin-right: -4px;
-}
-```
-
- 
-
-### remove icons from table column headers
-
-```css
-.notion-table-view-header-cell [style^='margin-right: 6px;'] {
- display: none !important;
-}
-```
-
- 
-
-### removing/decreasing side padding for tables
-
-```css
-[style^='flex-shrink: 0; flex-grow: 1; width: 100%; max-width: 100%; display: flex; align-items: center; flex-direction: column; font-size: 16px; color: rgba(255, 255, 255, 0.9); padding: 0px 96px 30vh;']
- .notion-table-view,
-[class='notion-scroller'] > .notion-table-view {
- padding-left: 35px !important;
- padding-right: 15px !important;
- min-width: 0% !important;
-}
-[style^='flex-shrink: 0; flex-grow: 1; width: 100%; max-width: 100%; display: flex; align-items: center; flex-direction: column; font-size: 16px; color: rgba(255, 255, 255, 0.9); padding: 0px 96px 30vh;']
- .notion-selectable
- .notion-scroller.horizontal::-webkit-scrollbar-track {
- margin-left: 10px;
- margin-right: 10px;
-}
-```
-
- 
-
-### hide '+ new' board row
-
-```css
-.notion-board-group
- [style='user-select: none; transition: background 120ms ease-in 0s; cursor: pointer; display: inline-flex; align-items: center; flex-shrink: 0; white-space: nowrap; height: 32px; border-radius: 3px; font-size: 14px; line-height: 1.2; min-width: 0px; padding-left: 6px; padding-right: 8px; color: rgba(255, 255, 255, 0.4); width: 100%;'] {
- display: none !important;
-}
-```
-
-
-
-### hide board view hidden columns
-
-```css
-.notion-board-view > [data-block-id] > div:nth-last-child(2),
-.notion-board-view > [data-block-id] > div:first-child > div:nth-last-child(2) {
- display: none !important;
-}
-```
-
- 
-
-### hide board view 'add a group'
-
-```css
-.notion-board-view > [data-block-id] > div:last-child,
-.notion-board-view > [data-block-id] > div:first-child > div:last-child {
- display: none !important;
-}
-```
-
- 
-
-### removing/decreasing side padding for boards
-
-```css
-.notion-board-view {
- padding-left: 10px !important;
- padding-right: 10px !important;
-}
-```
-
- 
diff --git a/UPDATING.md b/UPDATING.md
index c0c9831..27c2d83 100644
--- a/UPDATING.md
+++ b/UPDATING.md
@@ -36,7 +36,7 @@ create a text document and make sure the name ends in `.css` (e.g. `notion-tweak
the old `user.css` from before the update.
most of the same css snippets will work, but some (e.g. preview page width) have been moved to the new variable
-system, plus new ones have been found. it's a good idea to check what you have against the [tweaks](TWEAKS.md)
+system, plus new ones have been found. it's a good idea to check what you have against the [tweaks](https://github.com/notion-enhancer/tweaks)
page and the [css theming documentation](DOCUMENTATION.md#variable-theming).
## configuration