added graphics to categories

categories/graphics.sass

@@ -0,0 +1,88 @@
+@use "sass:map"
+@use "sass:color"
+
+@use '../org-base'
+
+@use '../themes/modern-slate' as * 
+@use '../fonts' as fonts
+@use '../mixins' as mixins-basic
+
+@include mixins-basic.set-header-sizes($default-header-sizes)
+@include mixins-basic.set-header-colors($default-header-colors)
+@include mixins-basic.set-header-margins-sides($default-header-margins-sides)
+@include mixins-basic.set-header-margins-vertical($default-header-margins-vertical)
+
+
+/* Base Styles */
+body
+  font-family: $primary-font
+  color: $text-color
+  background-color: $background-color
+
+/* Link Styles */
+a
+  color: $anchor-color
+
+  &:hover
+    color: $anchor-hover-color
+
+// Lists
+ul, ol
+  padding-left: $list-padding-left
+
+
+// Blockquotes
+blockquote
+  border-color: $secondary-color
+  color: color.adjust($text-color, $lightness: 10%)
+  font-family: $secondary-font
+
+// Tables
+table
+  color: $text-color
+
+th, td
+  border-color: $table-border-color
+
+th
+  background-color: $table-header-bg
+  color: $text-color
+
+tr:nth-child(even)
+  background-color: color.adjust($background-color, $lightness: 5%)
+
+/* Code Block Styles */
+pre, code
+  background-color: $code-background-color
+  color: $code-text-color
+
+  font-family: $secondary-font
+
+/* Header Styles */
+h1, h2, h3, h4, h5, h6
+  font-family: $secondary-font
+
+h3 
+  a
+    color: color.adjust($anchor-color, $lightness: -12%)
+    &:hover
+      color: color.adjust($anchor-hover-color, $lightness: -12%)
+
+// Notes
+.note
+  background-color: $note-background-color
+  border-color: $note-border-color
+  color: $text-color
+
+div#postamble
+  border-color: $note-border-color
+  color: color.adjust($note-border-color, $lightness: 20%)
+
+/* Table of Contents Link */
+.toc
+  color: $primary-color
+
+div#table-of-contents ul li a
+  color: $toc-anchor-color
+  &:hover
+    color: $toc-anchor-hover-color