Skip to content

Minimalistic SEP - Macchiato Catppuccin by sebosun

Screenshot of Minimalistic SEP - Macchiato Catppuccin
Write a review Install Get Stylus

Details

Authorsebosun

LicenseGPL v3

Categoryplato.stanford.edu

Created

Updated

Size2.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark (Macchiato Catppuccin) style implementation for Stanford Encyclopedia of Philosophy (SEP - plato.stanford.edu)

Notes

Catppuccin docs be found in here - https://github.com/catppuccin/catppuccin

Other changes:

  • bigger font size (1.525rem, so 1.5 larger than your browsers default font size).
  • removing unnecessary side window
  • tweaks to line height
  • Centering text in the middle, should work very well in vertical position.
  • stylized and italicized quote blocks
    Note: Not every path is covered, but should work for most of the pages.

Domains covered:
plato.stanford.edu
https://plato.stanford.edu/

Source code

/* ==UserStyle==
@name          Minimalistic SEP - Macchiato Catppuccin
@version      20230219.14.11
@namespace    userstyles.world/user/sebosun
@description  Dark Style - Macchiato Catppuccin implementation 
@author       sebosun
@license      GPL v3
==/UserStyle== */

@-moz-document domain("plato.stanford.edu") {
body {
    --rosewater: #f4dbd6;
    --background: #24273a;
    --text: #cad3f5;
    --subtext: #b8c0e0;
    --surface2: #5b6078;
    --surface1: #494d64;
    --surface: #363a4f;
    --mauve: #c6a0f6;
    background: var(--background);
    color: var(--text);
}

h1,
h2,
h3,
h4,
h5 {
    color: var(--text);
}

a:link {
    color: var(--rosewater);
}

a:visited {
    color: var(--mauve);
}

blockquote {
    padding: 8px 10px;
    font-style: italic;
    background: var(--surface0);
    border-left: 10px solid var(--surface2);
}

blockquote:before {
    color: var(--text);
    content: open-quote;
    font-size: 1em;
    line-height: 0.1em;
    vertical-align: -0.6em;
}

blockquote:after {
    content: close-quote;
    color: var(--text);
    font-size: 1em;
    line-height: 0.1em;
}

blockquote > p {
    display: inline;
}

a {
    color: var(--text);
}

li {
    line-height: inherit;
}

#footer h4,
#article-content h3,
#article-content h1 a,
#article-content h2 a,
#article-content h3 a {
    color: var(--text);
}

#article-content h1,
#article-content h2,
#article-content h3,
#article-content h4,
#article-content h5 {
    margin: 20px 0px;
}

#a,
#toc-nav {
    background: var(--background);
}

#site-title a {
    color: var(--text);
}


#mission,
#article-banner-content,
.search_results,
.search_result {
    background: inherit;
}

#container {
    border: none;
    line-height: 1.5em;
    font-size: 1.525rem;
    background: var(--background);
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#article-sidebar {
    display: none;
}

#article {
    display: grid;
    margin: 0 auto;
    background: inherit;
    padding: 0;
    border: 0;
}

.nav {
    padding: 0;
    margin: 0;
}

.search_message {
    max-width: 100%;
}

.btn {
    background: var(--surface)
}

.navbar .nav > li > a {
    color: var(--text);
}
.notice{ 
    background: inherit;
}

#search-form {
    position: relative
}

#search .btn.search-btn {
    top: unset;
}

.search-btn-wrapper {
    position: absolute;
    left: 85%;
    top: 10%;
}
}

Reviews

No reviews yet.