Chrome extension for granular visual control over Notion.so

Related tags

Learning resource chrome-extension svelte notion
Overview

Notion Style Tweaks (Beta)

A Chrome extension aiming to give granular control over the visual experience of Notion. Written in Svelte.

Installation

Chrome Web Store

Manual

  1. Download the ZIP in releases
  2. Navigate to chrome://extensions/
  3. Toggle Developer Mode in the top-right.
  4. Drag and drop the ZIP into Chrome to install

Usage

  • Open from toolbar with Notion loaded
  • Tweak

Notes

  • Tweaks only apply in real-time when done with Notion as the active tab, otherwise you will need to refresh Notion to see the changes
  • During beta your settings are subject to being reset on updates (or may experience general bugginess, which changing a setting once will generally resolve).

Current Features

Tweaks

Databases

  • All Views
    • Inline controls always visible
    • Cleaner database controls
  • Table Views
    • Centered header cell labels
    • Center all cells
    • Rounded checkboxes
    • Header cell backgrounds
  • List Views
    • Rounded checkboxes
  • Board Views
    • Simple Cards
  • Gallery Views
    • Simple Cards

Pages & Blocks

  • Block Pages
    • Floating page covers
    • Prevemt sidebar hover reveal when collapsed

Sidebar

  • Layout
    • Comfy sidebar spacing

Hiders

  • All Views
    • Hide view type icons
    • Hide link arrows
  • Table Views
    • Hide header row icons
    • Hide column borders
    • Hide row borders
    • Hide header row borders
    • Hide Calculation row
  • List Views
    • Hide page icon
    • Hide page underlines

Pages & Blocks

  • Block Pages
    • Hide page headers
  • Database Pages
    • Hide database page headers

Sidebar

  • Options
    • Hide templates
    • Hide import
    • Hide new page button

Known bugs

  • Updating the extensions may cause toggles to not visually represent active settings until being toggled again.

Roadmap

Major planned features include:

  • Locally scoped tweaks that apply to only specific databases or pages
  • An integrated sidebar for managing extension settings
  • A comprehensive visual overhaul to Notion (aka a theme with much deeper and systematic changes than has been done in Notion prior)
  • Many, MANY more tweaks.

If you find any bugs or have any suggestions feel free to open an issue on github.

You might also like...

An extension that scraps a khan academy unit and turns it into a notion todo.

An extension that scraps a khan academy unit and turns it into a notion todo.

The K-N Extension What is this? This extension injects a javascript file to the Khan academy website, and it adds a "Copy" button to every Khan academ

Jun 2, 2022

Visual Studio Code extension for formatting and linting Django/Jinja HTML templates using djLint

Visual Studio Code extension for formatting and linting Django/Jinja HTML templates using djLint

Dec 15, 2022

A Visual Studio Code extension to help working with test files.

A Visual Studio Code extension to help working with test files.

spec-utils This extension adds a set of commands to aid the work with test files. Suport Javascript / Typescript files: Jest, Cypress and mocha identi

Aug 22, 2022

QB64 Extension for Visual Studio Code.

QB64 for Visual Studio Code A VSCode extension that adds support for QB64. DISCLAIMER: This is very rough and still needs a lot of work. Features Util

Nov 20, 2022

Snippets4Dummies is an easy to use Visual Code Extension which is used for building beautiful layouts as fast as your crush rejects you!

Why Snippets4Dummies? Snippets4Dummies is an easy to use Visual Code Extension which is used for building beautiful layouts as fast as your crush reje

Oct 11, 2022

Visual Studio Code extension for supporting jaksel-language

Visual Studio Code extension for supporting jaksel-language

jaksel-language-support for Visual Studio Code Visual Studio Code extension for supporting jaksel-language coding experience. Features Syntax Highligh

Oct 23, 2022

Directus Hook Extension: Version Control Changelog

Directus Hook Extension: Version Control Changelog

A Directus hook extension to push user written change summaries (from a singleton collection text field) to a changelog in a VCS server

Nov 27, 2022

Reddit Wherever Chrome Extension

Reddit Wherever Chrome Extension

Reddit Wherever Reddit Wherever adds Reddit comments to Youtube Videos and also allows you to view Reddit comments of any webpage. By default YouTube

Jan 3, 2022

Chrome extension to save and keep track of problems from different platforms(codeforces, codechef, atcoder, leetcode etc.)

Chrome extension to save and keep track of problems from different platforms(codeforces, codechef, atcoder, leetcode etc.)

Keep Problems A Browser extension which helps to save and keep track of problems from different platforms(codeforces, codechef, atcoder, leetcode etc.

Aug 13, 2022
Comments
  • fixes text-align when centering cells on tables

    fixes text-align when centering cells on tables

    Hi Eli! I noticed a problem when enabling "Center all cells" on tables. So I just added a "text-align: center !important" on these columns.

    Here's a image showing how it was before: PR

    opened by lemoscaio 2
  • Incorrect align

    Incorrect align "Add cover" title on pages

    Smaller Page Titles tweaker is incorrectly align Add cover options

    Now

    Before

    After

    After

    Code i got from internet

    .notion-record-icon[style*="margin-bottom: 0px; align-self: flex-start;"] {
top: 66px;
height: 0px !important;
width: 38px !important;
margin-top: 0px !important;
}
.notion-record-icon[style*="margin-bottom: 0px; align-self: flex-start;"] * {
height: 50px !important;
width: 50px !important;
display: block;
}
.notion-page-block > [data-content-editable-leaf="true"] {
margin-left: 52px;
}

    Note : The icon and heading now look very small so make it little bigger,size provided in code

    opened by MPaandeey 1
  • A `New` button on database displays a wrong color out of the theme.

    A `New` button on database displays a wrong color out of the theme.

    When I hold the mouse click on the arrow of New button on database, in displays an original blue color of Notion out of the theme I'm using (it was Nord) image

    opened by wmCmo 1

  • "Lock Sidebar Open" button goes dark in light mode.

    The lock sidebar open button goes dark in light mode when you enable the floating toolbar. The header hider is also currently toggled off.

    PS. This is still an amazing update tho!!

    opened by wmCmo 1
Releases(v0.7.1)
Owner
Eli
Eli
GitHub
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Chrome/Safari/Firefox extension for clipping arXiv articles to Notion.

arxiv2notion+ Easy-to-use arXiv clipper for Notion based on Notion API (original repo: https://github.com/denkiwakame/arxiv2notion MIT License) Downlo

Jingkang Wang 51 Nov 24, 2022
This is a simple javascript file that gives you control over the browser cursor, alowing for fully animated cursors using CSS's cursor functionality.

animatedWebCursors.js This is a simple javascript file that gives you control over the browser cursor, alowing for fully animated cursors using CSS's

alienmelon 32 Dec 25, 2022
A robust and light-weight inventory management application designed to help businesses maintain perfect control over every unit of stock.

Inventory Buddy Access inventory anytime on web, tablet or mobile. Inventory Buddy is a robust and light-weight inventory management application desig

Brynn Smith 7 Nov 5, 2022
Web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control.

Linux Remote This is a web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control. Do

Gabriel Guerra 4 Jul 6, 2022
A three.js and roslibjs powered web-control for zju fast-drone-250 for laptop-free flight control

Web Control for ZJU Fast-Drone-250 A three.js and roslibjs powered web-control for zju fast-drone-250 for laptop-free flight control (tested on Xiaomi

null 6 Nov 11, 2022
Eth-explorers-extension - Chrome extension to open Ethereum addresses & transaction hash from any page on popular explorers + dashboards

eth-explorers-extension(s) This repository contains two folders with two extensions that work for address and transactions respectively. 1. eth-addres

Apoorv Lathey 71 Jan 6, 2023
Extensión para crear el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion

?? Platzi Cover Extensión para extraer el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion ?? Instalación Descargar el

Juan Galvis 7 Nov 15, 2021