Admonition styling

Author: Kevin Paul

sphinx_pythia_theme/static/css/pythia.css

@@ -65,10 +65,10 @@ i.bi::before {
 }
 
 pre {
-  border: 1px solid $gray-400;
+  border: 1px solid $gray-300;
   border-radius: 4px;
-  background-color: $gray-100;
-  padding: 0.4rem 0.6rem;
+  background-color: $gray-200;
+  padding: 0.5rem 0.65rem;
 }
 
 section > p {
@@ -77,6 +77,45 @@ section > p {
 
 // SPHINX BASE LAYOUT ---------------------------------------------------------
 
+div.admonition {
+  padding: 0.6rem;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 5px;
+  color: $gray-900;
+  border-color: $gray-300;
+  background-color: $gray-200;
+}
+
+div.admonition.hint,
+div.admonition.note,
+div.admonition.tip {
+  color: #245269;
+  border-color: #bce8f1;
+  background-color: #d9edf7;
+}
+
+div.admonition.important {
+  color: #316132;
+  border-color: #d6e9c6;
+  background-color: #dff0d8;
+}
+
+div.admonition.attention,
+div.admonition.caution,
+div.admonition.warning {
+  color: #836839;
+  border-color: #fbeed5;
+  background-color: #fcf8e3;
+}
+
+div.admonition.danger,
+div.admonition.error {
+  color: #803332;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+
 div.document {
   margin-top: $navbar-height;
   padding: 2rem 0 0 0;