munchboka-edutools 0.2.3__py3-none-any.whl

munchboka_edutools/static/css/github-dark-high-contrast.css

@@ -0,0 +1,141 @@
+/* General styles */
+.cm-s-github-dark-high-contrast.CodeMirror {
+    background-color: #0d1117;
+    color: #C9D1D9;
+  }
+  
+  /* Gutter styles */
+  .cm-s-github-dark-high-contrast .CodeMirror-gutters {
+    background: #0d1117;
+    border-right: 1px solid #C9D1D9;
+  }
+  
+  .cm-s-github-dark-high-contrast .CodeMirror-linenumber {
+    color: #6e7781;
+  }
+  
+  .cm-s-github-dark-high-contrast .CodeMirror-cursor {
+    border-left: 1px solid #C9D1D9;
+  }
+  
+  /* Highlighted line */
+  .cm-s-github-dark-high-contrast .CodeMirror-activeline-background {
+    background: #58a6ff70;
+  }
+  
+  /* Selection */
+  .cm-s-github-dark-high-contrast .CodeMirror-selected {
+    background: #58a6ff70;
+  }
+  
+  /* Token styles */
+  .cm-s-github-dark-high-contrast .cm-comment {
+    color: #d9dee3;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-error {
+    color: #ff9492;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-keyword {
+    color: #ff9492;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-atom {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-number {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-def {
+    color: #91cbff;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-variable {
+    color: #dbb7ff;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-variable-2 {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-variable-3 {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-property {
+    color: #91cbff;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-operator {
+    color: #72f088;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-punctuation {
+    color: #C9D1D9;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-string {
+    color: #91cbff;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-string-2 {
+    color: #91cbff;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-meta {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-qualifier {
+    color: #ff9492;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-builtin {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-bracket {
+    color: #C9D1D9;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-tag {
+    color: #72f088;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-attribute {
+    color: #ffb757;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-hr {
+    color: #C9D1D9;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-link {
+    color: #91cbff;
+  }
+  
+  /* Emphasis and Strong */
+  .cm-s-github-dark-high-contrast .cm-em {
+    font-style: italic;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-strong {
+    font-weight: bold;
+  }
+  
+  /* Generic */
+  .cm-s-github-dark-high-contrast .cm-error {
+    color: #ff9492;
+  }
+  
+  .cm-s-github-dark-high-contrast .cm-quote {
+    color: #d9dee3;
+  }
+  
+  /* Specific to f-strings in Python */
+  .cm-s-github-dark-high-contrast .cm-string-2 .cm-operator {
+    color: #C9D1D9; /* Ensure the operator in f-strings has the correct color */
+  }

munchboka_edutools/static/css/github-dark.css

@@ -0,0 +1,147 @@
+/* GitHub-like DARK theme for rendered code blocks.
+   Scoped to dark-mode attributes so it can coexist with a light theme.
+*/
+
+html.dark-mode,
+body.dark-mode,
+html[data-theme='dark'],
+body[data-theme='dark'],
+[data-mode='dark'] {
+}
+
+html.dark-mode pre, html.dark-mode code,
+body.dark-mode pre, body.dark-mode code,
+html[data-theme='dark'] pre, html[data-theme='dark'] code,
+body[data-theme='dark'] pre, body[data-theme='dark'] code,
+[data-mode='dark'] pre, [data-mode='dark'] code {
+  background-color: #0d1117;
+  color: #e6edf3;
+}
+
+html.dark-mode pre, body.dark-mode pre,
+html[data-theme='dark'] pre, body[data-theme='dark'] pre,
+[data-mode='dark'] pre {
+  border: 1px solid #30363d;
+  border-radius: 6px;
+}
+
+/* Basic token colors assuming highlight.js / pygments style classes */
+html.dark-mode .hljs-comment,
+body.dark-mode .hljs-comment,
+html[data-theme='dark'] .hljs-comment,
+body[data-theme='dark'] .hljs-comment,
+[data-mode='dark'] .hljs-comment {
+  color: #8b949e;
+}
+
+html.dark-mode .hljs-keyword,
+body.dark-mode .hljs-keyword,
+html[data-theme='dark'] .hljs-keyword,
+body[data-theme='dark'] .hljs-keyword,
+[data-mode='dark'] .hljs-keyword {
+  color: #ff7b72;
+}
+
+html.dark-mode .hljs-string,
+body.dark-mode .hljs-string,
+html[data-theme='dark'] .hljs-string,
+body[data-theme='dark'] .hljs-string,
+[data-mode='dark'] .hljs-string {
+  color: #7ee787;
+}
+
+html.dark-mode .hljs-number,
+body.dark-mode .hljs-number,
+html[data-theme='dark'] .hljs-number,
+body[data-theme='dark'] .hljs-number,
+[data-mode='dark'] .hljs-number {
+  color: #79c0ff;
+}
+
+html.dark-mode .hljs-title,
+body.dark-mode .hljs-title,
+html[data-theme='dark'] .hljs-title,
+body[data-theme='dark'] .hljs-title,
+[data-mode='dark'] .hljs-title {
+  color: #d2a8ff;
+}
+
+/* Fallback for generic code tokens used by sphinx/highlight.js */
+html.dark-mode .nb-output pre,
+body.dark-mode .nb-output pre,
+html[data-theme='dark'] .nb-output pre,
+body[data-theme='dark'] .nb-output pre,
+[data-mode='dark'] .nb-output pre {
+  background-color: #161b22;
+}
+  
+  .cm-s-github-dark .cm-literal {
+    color: #a5d6ff;
+  }
+  
+  .cm-s-github-dark .cm-variable {
+    color: #e6edf3;
+  }
+  
+  .cm-s-github-dark .cm-punctuation {
+    color: #e6edf3;
+  }
+  
+  .cm-s-github-dark .cm-number {
+    color: #a5d6ff;
+  }
+  
+  .cm-s-github-dark .cm-string {
+    color: #a5d6ff;
+  }
+  
+  .cm-s-github-dark .cm-variable-2 {
+    color: #e6edf3;
+  }
+  
+  .cm-s-github-dark .cm-variable-3 {
+    color: #f0883e;
+    font-weight: bold;
+  }
+  
+  .cm-s-github-dark .cm-atom {
+    color: #79c0ff;
+    font-weight: bold;
+  }
+  
+  .cm-s-github-dark .cm-def {
+    color: #d2a8ff;
+    font-weight: bold;
+  }
+  
+  .cm-s-github-dark .cm-tag {
+    color: #7ee787;
+  }
+  
+  .cm-s-github-dark .cm-string-2 {
+    color: #a5d6ff;
+  }
+  
+  /* Generic Styling */
+  .cm-s-github-dark .cm-em {
+    font-style: italic;
+  }
+  
+  .cm-s-github-dark .cm-strong {
+    font-weight: bold;
+  }
+  
+  .cm-s-github-dark .cm-header {
+    color: #79c0ff;
+    font-weight: bold;
+  }
+  
+  .cm-s-github-dark .cm-quote {
+    color: #8b949e;
+    font-style: italic;
+  }
+  
+  .cm-s-github-dark .cm-link {
+    color: #79c0ff;
+    text-decoration: underline;
+  }

munchboka_edutools/static/css/github-light.css

@@ -0,0 +1,155 @@
+/* GitHub-like LIGHT theme for rendered code blocks.
+   Scoped to light-mode attributes so it can coexist with a dark theme.
+*/
+
+html.light-mode,
+body.light-mode,
+html[data-theme='light'],
+body[data-theme='light'],
+[data-mode='light'] {
+}
+
+html.light-mode pre, html.light-mode code,
+body.light-mode pre, body.light-mode code,
+html[data-theme='light'] pre, html[data-theme='light'] code,
+body[data-theme='light'] pre, body[data-theme='light'] code,
+[data-mode='light'] pre, [data-mode='light'] code {
+  background-color: #ffffff;
+  color: #24292f;
+}
+
+html.light-mode pre, body.light-mode pre,
+html[data-theme='light'] pre, body[data-theme='light'] pre,
+[data-mode='light'] pre {
+  border: 1px solid #d1d5da;
+  border-radius: 6px;
+}
+
+/* Basic token colors assuming highlight.js / pygments style classes */
+html.light-mode .hljs-comment,
+body.light-mode .hljs-comment,
+html[data-theme='light'] .hljs-comment,
+body[data-theme='light'] .hljs-comment,
+[data-mode='light'] .hljs-comment {
+  color: #6e7781;
+}
+
+html.light-mode .hljs-keyword,
+body.light-mode .hljs-keyword,
+html[data-theme='light'] .hljs-keyword,
+body[data-theme='light'] .hljs-keyword,
+[data-mode='light'] .hljs-keyword {
+  color: #cf222e;
+}
+
+html.light-mode .hljs-string,
+body.light-mode .hljs-string,
+html[data-theme='light'] .hljs-string,
+body[data-theme='light'] .hljs-string,
+[data-mode='light'] .hljs-string {
+  color: #116329;
+}
+
+html.light-mode .hljs-number,
+body.light-mode .hljs-number,
+html[data-theme='light'] .hljs-number,
+body[data-theme='light'] .hljs-number,
+[data-mode='light'] .hljs-number {
+  color: #0550ae;
+}
+
+html.light-mode .hljs-title,
+body.light-mode .hljs-title,
+html[data-theme='light'] .hljs-title,
+body[data-theme='light'] .hljs-title,
+[data-mode='light'] .hljs-title {
+  color: #0550ae;
+}
+
+/* Fallback for generic code tokens used by sphinx/highlight.js */
+html.light-mode .nb-output pre,
+body.light-mode .nb-output pre,
+html[data-theme='light'] .nb-output pre,
+body[data-theme='light'] .nb-output pre,
+[data-mode='light'] .nb-output pre {
+  background-color: #f6f8fa;
+}
+
+.cm-s-github-light .cm-literal {
+  color: #953800;
+}
+
+.cm-s-github-light .cm-variable {
+  color: #8250df;
+}
+
+.cm-s-github-light .cm-punctuation {
+  color: #24292f;
+}
+
+.cm-s-github-light .cm-number {
+  color: #953800;
+}
+
+.cm-s-github-light .cm-string {
+  color: #0550ae;
+}
+
+.cm-s-github-light .cm-attribute {
+  color: #953800;
+}
+
+.cm-s-github-light .cm-builtin {
+  color: #953800;
+}
+
+.cm-s-github-light .cm-variable-2 {
+  color: #116329;
+}
+
+.cm-s-github-light .cm-variable-3 {
+  color: #0550ae;
+  font-weight: bold;
+}
+
+.cm-s-github-light .cm-atom {
+  color: #0550ae;
+  font-weight: bold;
+}
+
+.cm-s-github-light .cm-def {
+  color: #0550ae;
+  /* font-weight: bold; */
+}
+
+.cm-s-github-light .cm-tag {
+  color: #116329;
+}
+
+.cm-s-github-light .cm-string-2 {
+  color: #0550ae;
+}
+
+/* Generic Styling */
+.cm-s-github-light .cm-em {
+  font-style: italic;
+}
+
+.cm-s-github-light .cm-strong {
+  font-weight: bold;
+}
+
+.cm-s-github-light .cm-header {
+  color: #0550ae;
+  font-weight: bold;
+}
+
+.cm-s-github-light .cm-quote {
+  color: #6e7781;
+  font-style: italic;
+}
+
+.cm-s-github-light .cm-link {
+  color: #116329;
+  text-decoration: underline;
+}