From 634b4dde7c8208925a105983ee00d1e12ead1999 Mon Sep 17 00:00:00 2001
From: Pavak Paul <pavakatubuntu@gmail.com>
Date: Thu, 20 Jul 2023 21:25:21 +0530
Subject: [PATCH] added styles for TYMCE code editor and buttons

---
 style.css | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index fa4966d..535b18d 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,5 @@
 /* Style the TiniMCE editor */
+
 div.wp-editor-container {
     border: none;
 }
@@ -22,7 +23,7 @@ div.wp-editor-container {
     border-radius: 0 0 20px 20px;
 }
 
-/* Style the Add Media button */
+/* TinyMCE Add Media button */
 button.button.insert-media.add_media {
     background: #10b4b3;
     border-color: #10b4b3;
@@ -33,8 +34,31 @@ button.button.insert-media.add_media {
     padding: 10px 20px;
 }
 
-/* Text/Visual switcher buttons */
+/* TinyMCE Text/Visual switcher buttons */
+
 button.wp-switch-editor {
     padding: 13px;
     font-size: 15px;
+}
+
+/* TinyMCE Text tab styling */
+
+.quicktags-toolbar.hide-if-no-js {
+    border-color: #10b4b3;
+}
+
+textarea.wp-editor-area {
+    border: solid #10b4b3;
+    border-width: 0 2px 2px 2px!important;
+    border-radius: 0 0 20px 20px;
+}
+
+/* TinyMCE editor buttons */
+input.ed_button.button.button-small {
+    color: #10b4b3;
+    border-color: #10b4b3;
+}
+
+.mce-menu .mce-menu-item.mce-active, .mce-menu .mce-menu-item:hover {
+    background: #10b4b3!important;
 }
\ No newline at end of file