arithm.css

/* [THEME META] {"ver":2, "author":"SYSTEM", "description":"The default theme! Welcoming, readable, and logo-centric."} */
/* Theme meta needs to be the first line in your theme.
   It must be valid JSON, must remain one line, and you must have the proper spacing before and after the JSON as shown above. 
   You must at the minimum provide ver (theme system version, currently 2) and author. You may also provide description.
   If you'd like to opt-out of accessibility checks, add "accessibility":"ignore". If your theme is high-contrast or otherwise meant for accessibility, add "accessibility":"optimized"*/

/* Import any fonts you need */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto+Mono&display=swap');

/* Define most theme properties here */
body {
	/* Basic properties applied to the body */
	background-color: white;
	color: black;

	/* Be sure to check the accessability of your theme! */

	/* Theme properties */
	--roundness: 1; /* How round is this theme? Applied automatically to borders. Unitless */

	/* Fonts! */
	font-family: Montserrat, sans-serif;
	--code-font: RobotoMono, monospace;

	/* Let's start left-to-right, top to bottom. */
	/* First, the menu colors */
	/* Unselected */
	--menu-link-background: #445dff0f;
    --menu-link-foreground: #445dff; 

	/* Hover */
	--menu-link-background-hover: #445dff38;
    --menu-link-foreground-hover: #445dff;

	/* Current page */
	--menu-link-background-current: #445dff;
    --menu-link-foreground-current: #ffffff;

	/* Next, the dividers! */
	/* This is the divider between the menu and the page */
	--layout-divider-color: rgba(0, 0, 0, 0.158);
	--layout-divider-width: 3px;

	/* This is the color of hrs (including the title hr) */
	--hr-color: rgba(0, 0, 0, 0.158);
    
	/* Onto the article! */
	/* Links */
	--article-link-color: #445dff;
	--article-link-color-hover: #445dffb9;
	--article-link-color-active: #ffa14d;

	/* Code segments (mono inlines) */
	--article-color-code-foreground: #ad5100;
    --article-color-code-background: #ffa14d21;

	/* Full code blocks (formatted segments) */
	--article-pre-color: white;
	--article-pre-border: #44ff6d;
	--article-pre-border-thickness: 2px;
	--article-pre-background: #06150a;
	/* Formatted code keywords! */
	--hljs-keyword: #42a3ff;
	--hljs-string: #ffff65;
	--hljs-comment: #44ff6d9e;
	--hljs-title: white;
	--hljs-params: white;
	--hljs-number: white;
	--hljs-built_in: white;
	--hljs-literal: white;

	/* Tables! Rare, but still there. */
	--table-borders-color: #d7d7d7;
	--table-header-color: #0000000d;
	--table-body-color: white;
	--table-body-color-alternate: #d7d7d717;

	/* Did you know markdown has block quotes? Yeah apparently it does. */
	--blockquote-line-color: #d7d7d7;
	--blockquote-text-color: #000000cc;

	/* Onto the toolbar, at the bottom of the menu */
	/* Color for the icons when not selected */
	--toolbar-color: #000000b4;
	--toolbar-hover-color: black;

	/* Highlight color for each section (used as background for it and for the icon) */
	--toolbar-lang-color: #ff624a;
	--toolbar-theme-color: #16ce3e;
	--toolbar-sync-color: #eccb0e;
	--toolbar-info-color: #445dff;

	/* Color on top of the particular toolbar color defined above (be sure to check accessability!) */
	--language-color: #610D00;
	--theme-color: #064C16;
	--sync-info-color: #302903;
	--info-color: white;

	/* We've gotta do mobile now, because apparently people want to read docs on their phone. */
	/* The mobile menu is an overlay, so you might want to give it another color, or even some other effect? The important part is you do something, because otherwise it is transparent.*/
	--mobile-menu-background: white;

	/* On mobile there's a menu button, so we should give it a color and background.*/
	--mobile-menu-button-color: black;
	--mobile-menu-button-background: #ffffff9b;
}
/* Define additional css rules below! The body ones are just a quick start for changing colors and some common properties. Do whatever you'd like! */