https://github.com/3-ark/chrome-paper-theme

Make the browser like a bookpage
https://github.com/3-ark/chrome-paper-theme

chrome paper theme

Last synced: 5 months ago
JSON representation

Make the browser like a bookpage

• Host: GitHub
• URL: https://github.com/3-ark/chrome-paper-theme
• Owner: 3-ark
• License: gpl-3.0
• Created: 2025-03-30T09:10:24.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-09T11:05:14.000Z (about 1 year ago)
• Last Synced: 2025-07-07T18:53:43.542Z (12 months ago)
• Topics: chrome, paper, theme
• Homepage: https://chromewebstore.google.com/detail/paper/ijkgbcloedkbobkimlioejpbffnakabg
• Size: 23 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Chrome-Paper-Theme

Make the browser like a book page

![page](https://github.com/user-attachments/assets/5bcec87c-ff3e-4684-9442-a3c910b60667)

![NTP](https://github.com/user-attachments/assets/bfe20313-8f68-4310-817f-c576b19eae61)

## Setup

Download the paper.zip or paper-ink.zip and load it in chrome://extensions/, paper-ink has an ink splash at the bottom right.

Go to the website: [Themebeta](https://www.themebeta.com/chrome-theme-creator-online.html) to make your own theme.

**The text style for titles of the most often visited websites cannot be modified due to Chrome's safety rules.**

## Paper Texture For Webpages 

For website CSS, use [stylus](https://add0n.com/stylus.html) to add script to "everything" if you prefer using it for file reading as well: 

```

/* Paper Background Overlay for Browser */

:root {

    --paper-opacity: 0.60;

}

@media (prefers-color-scheme: dark) {

    :root {

        --paper-opacity: 0.40;

    }

}

/* Paper texture overlay */

body::after {

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    background: url("https://raw.githubusercontent.com/3-ark/obsidian-css-snippets/refs/heads/main/asset/naturalpaper.jpg") repeat; /* change this to your own pictures */

    background-size: 2048px;

    opacity: var(--paper-opacity);

    background-attachment: fixed;

    mix-blend-mode: multiply;

    z-index: 2147483647;

}

```