munchboka-edutools 0.1.0__py3-none-any.whl

munchboka_edutools/static/css/cas_popup.css

@@ -0,0 +1,242 @@
+/* ========= GeoGebra CAS Button Styles ========= */
+
+:root {
+    --cas-background-color-dark: #151822;
+}
+
+/* ========= GeoGebra Window Theme Styles ========= */
+.highlight-geogebra {
+    color: black;
+}
+
+/* Light mode - normal GeoGebra colors */
+[data-mode="light"] .ggb-window {
+    filter: invert(0%) !important; /* Normal */
+}
+
+@media (prefers-color-scheme: light) {
+    [data-mode="auto"] .ggb-window {
+        filter: invert(0%) !important;
+    }
+}
+
+/* Dark mode - invert GeoGebra colors */
+[data-mode="dark"] .ggb-window {
+    filter: invert(100%) hue-rotate(180deg) !important; /* Invert colors for dark mode */
+}
+
+@media (prefers-color-scheme: dark) {
+    [data-mode="auto"] .ggb-window {
+        filter: invert(100%) hue-rotate(180deg) !important;
+    }
+}
+
+.ggb-cas-button {
+    background-color: #2ecc71;
+    color: black;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 8px;
+    cursor: pointer;
+    font-weight: 600;
+    font-size: 0.95rem;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    transition: all 0.2s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.ggb-cas-button:hover {
+    background-color: #27ae60;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+}
+
+.ggb-cas-button:active {
+    transform: translateY(1px);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+/* ========= Dialog Base Styles ========= */
+.ui-dialog {
+    border-radius: 28px !important;
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
+    border: none;
+    overflow: hidden;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    transform: translateZ(0); /* Performance boost */
+    animation: dialogFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    position: fixed !important;
+    z-index: 1000;
+}
+
+
+@keyframes dialogFadeIn {
+    from { opacity: 0; transform: translateY(-10px) scale(0.98); }
+    to { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+.ui-dialog-titlebar {
+    padding: 16px 20px;
+    font-size: 1.1rem;
+    font-weight: 500;
+    border: none;
+    border-radius: 28px !important;
+}
+
+.ui-dialog-content {
+    padding: 16px 20px;
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+/* ========= Close Button Styles ========= */
+.ui-dialog-titlebar-close {
+    background-color: rgba(229, 57, 53, 0.9);
+    border-radius: 50%;
+    border: none;
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    margin-top: -14px;
+    transition: all 0.2s ease;
+    outline: none;
+    cursor: pointer;
+}
+
+.ui-dialog-titlebar-close::before,
+.ui-dialog-titlebar-close::after {
+    content: "";
+    position: absolute;
+    width: 14px;
+    height: 2px;
+    background-color: white;
+    top: 50%;
+    left: 50%;
+}
+
+.ui-dialog-titlebar-close::before {
+    transform: translate(-50%, -50%) rotate(45deg);
+}
+
+.ui-dialog-titlebar-close::after {
+    transform: translate(-50%, -50%) rotate(-45deg);
+}
+
+.ui-dialog-titlebar-close:hover {
+    background-color: rgba(229, 57, 53, 1);
+    transform: scale(1.1);
+}
+
+.ui-dialog-titlebar-close .ui-icon {
+    display: none;
+}
+
+/* ========= Light Mode Styles ========= */
+[data-mode="light"] .ui-dialog {
+    background-color: white;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+[data-mode="light"] .ui-dialog-titlebar {
+    background-color: #f8f9fa;
+    color: #333;
+    border-bottom: 1px solid #eee;
+}
+
+[data-mode="light"] .ui-dialog-content {
+    background-color: white;
+    color: #333;
+}
+
+/* ========= Dark Mode Styles ========= */
+[data-mode="dark"] .ui-dialog {
+    background-color: var(--cas-background-color-dark);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+[data-mode="dark"] .ui-dialog-titlebar {
+    background-color: var(--cas-background-color-dark);
+    color: #e6e6e6;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+[data-mode="dark"] .ui-dialog-content {
+    background-color: #252a33;
+    color: #e6e6e6;
+}
+
+[data-mode="dark"] .ui-dialog-titlebar-close {
+    background-color: rgba(244, 67, 54, 0.8);
+}
+
+[data-mode="dark"] .ui-dialog-titlebar-close:hover {
+    background-color: rgb(244, 67, 54);
+}
+
+/* ========= Auto Mode Styles (System Preference) ========= */
+@media (prefers-color-scheme: light) {
+    [data-mode="auto"] .ui-dialog {
+        background-color: white;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+    }
+    
+    [data-mode="auto"] .ui-dialog-titlebar {
+        background-color: #f8f9fa;
+        color: #333;
+        border-bottom: 1px solid #eee;
+    }
+    
+    [data-mode="auto"] .ui-dialog-content {
+        background-color: white;
+        color: #333;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    [data-mode="auto"] .ui-dialog {
+        background-color: var(--cas-background-color-dark);
+        border: 1px solid rgba(255, 255, 255, 0.08);
+    }
+    
+    [data-mode="auto"] .ui-dialog-titlebar {
+        background-color: var(--cas-background-color-dark);
+        color: #e6e6e6;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+    }
+    
+    [data-mode="auto"] .ui-dialog-content {
+        background-color: #252a33;
+        color: #e6e6e6;
+    }
+    
+    [data-mode="auto"] .ui-dialog-titlebar-close {
+        background-color: rgba(244, 67, 54, 0.8);
+    }
+    
+    [data-mode="auto"] .ui-dialog-titlebar-close:hover {
+        background-color: rgb(244, 67, 54);
+    }
+}
+
+
+
+
+/* Sidebar-style CAS button container */
+.sidebar-cas {
+    float: right;
+    clear: right;
+    width: 200px;
+    margin: 0.5em 0 0.5em 0.5em;
+    padding: 0.5em;
+    background-color: var(--pst-color-surface, #f9f9f9);
+    border-left: 4px solid var(--pst-color-primary, #007ACC);
+    border-radius: 0.5em;
+    box-shadow: 0 0 5px rgba(0,0,0,0.1);
+}
+
+.sidebar-cas .ggb-cas-button {
+    width: 100%;
+}

munchboka_edutools/static/css/code_mirror_themes/github_dark_cm.css

@@ -0,0 +1,112 @@
+/* github-dark theme for CodeMirror */
+.cm-s-github-dark.CodeMirror {
+    background-color: #0d1117;
+    color: #e6edf3;
+  }
+  
+  .cm-s-github-dark .CodeMirror-gutters {
+    background-color: #0d1117;
+    border-right: 1px solid #30363d;
+  }
+  
+  .cm-s-github-dark .CodeMirror-linenumber {
+    color: #6e7681;
+  }
+  
+  .cm-s-github-dark .CodeMirror-cursor {
+    border-left: 1px solid #2f81f7;
+  }
+  
+  .cm-s-github-dark .CodeMirror-selected {
+    background: #6e768166;
+  }
+  
+  /* Token Colors */
+  .cm-s-github-dark .cm-comment {
+    color: #8b949e;
+    /* font-style: italic; */
+  }
+  
+  .cm-s-github-dark .cm-error {
+    color: #f85149;
+  }
+  
+  .cm-s-github-dark .cm-keyword {
+    color: #ff7b72;
+  }
+  
+  .cm-s-github-dark .cm-operator {
+    color: #ff7b72;
+    font-weight: bold;
+  }
+  
+  .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/code_mirror_themes/github_dark_default_cm.css

@@ -0,0 +1,40 @@
+
+.cm-s-github-dark-default.CodeMirror {
+    background-color: #0d1117;
+    color: #e6edf3;
+}
+
+.cm-s-github-dark-default .CodeMirror-gutters {
+    background-color: #0d1117;
+    border-right: 1px solid #30363d;
+}
+
+
+.cm-s-github-dark-default .CodeMirror-linenumber {
+    color: #6e7681;
+}
+
+
+.cm-s-github-dark-default .CodeMirror-selected {
+    background: #6e768166;
+}
+
+
+
+/* GitHub Dark Default Theme for CodeMirror */
+.cm-s-github-dark-default .cm-keyword { color: #f97583; }
+.cm-s-github-dark-default .cm-comment { color: #6a737d; }
+.cm-s-github-dark-default .cm-string { color: #9ecbff; }
+.cm-s-github-dark-default .cm-number { color: #79b8ff; }
+.cm-s-github-dark-default .cm-def { color: #b392f0; } /* Functions */
+.cm-s-github-dark-default .cm-variable { color: #e36209; }
+.cm-s-github-dark-default .cm-operator { color: #f97583; }
+.cm-s-github-dark-default .cm-meta { color: #6a737d; }
+.cm-s-github-dark-default .cm-atom { color: #79b8ff; }
+.cm-s-github-dark-default .cm-tag { color: #85e89d; }
+.cm-s-github-dark-default .cm-attribute { color: #b392f0; }
+.cm-s-github-dark-default .cm-qualifier { color: #f97583; }
+.cm-s-github-dark-default .cm-builtin { color: #e36209; }
+.cm-s-github-dark-default .cm-bracket { color: #f97583; }
+.cm-s-github-dark-default .cm-link { color: #9ecbff; }
+.cm-s-github-dark-default .cm-error { color: #f97583; }

munchboka_edutools/static/css/code_mirror_themes/github_dark_high_contrast_cm.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/code_mirror_themes/github_light_cm.css

@@ -0,0 +1,120 @@
+/* github-light theme for CodeMirror */
+.cm-s-github-light.CodeMirror {
+  background-color: #ffffff;
+  color: #24292f;
+}
+
+.cm-s-github-light .CodeMirror-gutters {
+  background-color: #ffffff;
+  border-right: 1px solid #d1d5da;
+}
+
+.cm-s-github-light .CodeMirror-linenumber {
+  color: #6e7781;
+}
+
+.cm-s-github-light .CodeMirror-cursor {
+  border-left: 1px solid #24292f;
+}
+
+.cm-s-github-light .CodeMirror-selected {
+  background: #0969da4a;
+}
+
+/* Token Colors */
+.cm-s-github-light .cm-comment {
+  color: #6e7781;
+  /* font-style: italic; */
+}
+
+.cm-s-github-light .cm-error {
+  color: #cf222e;
+}
+
+.cm-s-github-light .cm-keyword {
+  color: #cf222e;
+}
+
+.cm-s-github-light .cm-operator {
+  color: #116329;
+  font-weight: bold;
+}
+
+.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;
+}