← All examples

Docs: dark canvas around the page

Replaces the grey area around the page with a dark one so the white sheet is less harsh at night.

Code to copy

/* Soft dark workspace around the white Docs page */
.kix-appview-editor, #docs-editor-container {
  background: #20232a !important;
}
.kix-page { box-shadow: 0 0 14px rgba(0,0,0,0.6) !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.