Sync docs/css/mjxgui.css with src/mjxgui.css

hrushikeshrv · Jan 29, 2024 · a0ff09f · a0ff09f
1 parent 0e45ffd
commit a0ff09f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -83,5 +83,5 @@ the user has created, appends it to the body, and typesets it using MathJax.
     </script>
 ````
 
-For a details reference please check the [docs](https://hrus.in/mjxgui)
+For a detailed reference please check the [docs](https://hrus.in/mjxgui)
 
diff --git a/docs/css/mjxgui.css b/docs/css/mjxgui.css
@@ -1,13 +1,12 @@
 ._mjxgui_editor_window {
-    --background-color: rgb(240, 240, 240);
+    --background-color: rgb(248, 248, 248);
     --background-dark-1: rgb(220, 220, 220);
     --default-font-color: black;
     --default-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
     --success-green: rgb(3, 107, 35);
     --error-red: rgb(107, 0, 18);
 }
 ._mjxgui_editor_window._mjxgui_dark_theme {
-
     --background-color: rgb(42, 42, 42);
     --background-dark-1: rgb(18, 18, 18);
     --default-font-color: white;
@@ -105,12 +104,18 @@
 
 .mjxgui_tab .mjxgui-btn {
     background-color: var(--background-color);
-    transition: background-color ease 0.25s;
+    transition: background-color ease 0.15s;
     cursor: pointer;
     margin: 2px;
     min-width: 25px;
     text-align: center;
     user-select: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 3px;
+    border-radius: 5px;
+    font-size: 1.1rem;
 }
 
 .mjxgui-btn:hover {
@@ -130,7 +135,7 @@
     margin: 0 5px;
     background-color: var(--background-color);
     border-radius: 6px;
-    transition: background-color ease 0.25s;
+    transition: background-color ease 0.15s;
     cursor: pointer;
     padding: 5px;
 }