Monostack is a Gutenberg-ready WordPress theme that brings the beauty of code editors to the frontend.
Switch branches/tags
Nothing to show
Clone or download
Latest commit f08fac0 Nov 2, 2018
Permalink
Failed to load latest commit information.
assets/images Add the missing GitHub logo (#25) Dec 12, 2017
css Updated CSS for Gutenberg color palette with background and text colors. Aug 29, 2018
inc Removed posted_on function and just used time_string Oct 23, 2018
js Whitespace fix. Nov 2, 2018
languages Added Ernesto to the readme.txt file and updated the stylesheet with … Nov 2, 2018
template-parts Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
.editorconfig Create .editorconfig (#38) Mar 29, 2018
404.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
LICENSE Initial commit Jul 27, 2017
README.md Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
archive.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
comments.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
footer.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
functions.php Refactor syntax highlighting code. Nov 2, 2018
header.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
index.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
page.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
readme.txt Added Ernesto to the readme.txt file and updated the stylesheet with … Nov 2, 2018
screenshot.png Updated screenshot to align with wporg requirements. Aug 27, 2018
search.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
single.php Renamed theme to 'monostack' because of naming conflicts. Aug 23, 2018
style.css Added Ernesto to the readme.txt file and updated the stylesheet with … Nov 2, 2018

README.md

Monostack theme

Monostack is a Gutenberg-ready WordPress theme that brings the beauty of code editors to the frontend. With a strong focus on typography and color, Monostack highlights specific grammar much like syntax highlighting does in code editors. Monostack is named after the "monospace" font stacks used throughout the theme.

Foundation

The Monostack theme is built on the Gutenberg starter theme.

Font Stack

The font stack is where it’s at. I spent a lot of time thinking it through to bring the best quality monospace typefaces to your screen.

body {
    font-family: "Space Mono", "Noto Mono", "Oxygen Mono", Courier, 
    monospace;
}

And just to throw more into the loop, I worked the pre and code a bit as well.

pre, code {
    font-family: Consolas, "Noto Mono", "Oxygen Mono", 
    Courier, monospace;
}

Syntax Highlighting

Monostack uses syntax highlighting to pop certain grammar from the English language.

  • Blue words are conjunctions
  • Pink words are prepositions
  • Green words are pronouns

Image of Monostack