Dark (Macchiato Catppuccin) style implementation for Stanford Encyclopedia of Philosophy (SEP - plato.stanford.edu)
Minimalistic SEP - Macchiato Catppuccin by sebosun
![Screenshot of Minimalistic SEP - Macchiato Catppuccin](https://userstyles.world/preview/8658/1.jpeg)
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
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%;
}
}