Adds "Kiwi" tab theme (#101)

adrianbj · Feb 3, 2025 · 0f9df85 · 0f9df85
1 parent bf1280f
commit 0f9df85
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 1 deletion.
diff --git a/TracyDebugger.module.php b/TracyDebugger.module.php
@@ -27,7 +27,7 @@ public static function getModuleInfo() {
             'summary' => __('Tracy debugger from Nette with many PW specific custom tools.', __FILE__),
             'author' => 'Adrian Jones',
             'href' => 'https://processwire.com/talk/forum/58-tracy-debugger/',
-            'version' => '4.26.62',
+            'version' => '4.26.63',
             'autoload' => 100000, // in PW 3.0.114+ higher numbers are loaded first - we want Tracy first
             'singular' => true,
             'requires'  => 'ProcessWire>=2.7.2, PHP>=5.4.4',
@@ -3881,6 +3881,7 @@ public function getModuleConfigInputfields(array $data) {
         $f->columnWidth = 33;
         $f->addOption('dark-theme', 'Dark');
         $f->addOption('light-theme', 'Light');
+        $f->addOption('kiwi-theme', 'Kiwi');
         $f->required = true;
         if($data['consoleTabsTheme']) $f->attr('value', $data['consoleTabsTheme']);
         $fieldset->add($f);

diff --git a/styles/styles.css b/styles/styles.css
@@ -905,6 +905,69 @@ ul.pw-info-links {
     background-color: #AAA;
 }
 
+/* Kiwi Theme */
+.kiwi-theme #tracyTabsContainer,
+.kiwi-theme #tracyTabsWrapper {
+    background: white;
+}
+
+.kiwi-theme #tracyTabsWrapper::-webkit-scrollbar {
+    background: #c9c9c9;
+}
+
+.kiwi-theme #tracyTabsWrapper::-webkit-scrollbar-thumb {
+    background: #999999;
+}
+
+.kiwi-theme #tracyTabsWrapper::-webkit-scrollbar-thumb:hover {
+    background: #707070;
+}
+
+.kiwi-theme #tracyTabs button {
+    height: 30px;
+    padding-top: 4px;
+    background-color: #EAEAEA;
+    color: #333;
+    margin-right: 2px;
+    border: 1px solid #d8d8d8;
+    border-bottom: 0;
+    border-radius: 3px 3px 0 0 !important;
+}
+
+.kiwi-theme #tracyTabs button:last-child {
+    margin-right: 0;
+}
+
+.kiwi-theme #tracyTabs button.active,
+.kiwi-theme #tracyTabs button:hover {
+    background-color: #FFFFFF;
+    color: #000;
+    border-color: #AAA;
+}
+
+.kiwi-theme #tracyTabs .close-button {
+    color: #333;
+    visibility: visible;
+    font-size: 18px;
+    line-height: 20px;
+}
+
+.kiwi-theme #tracyConsoleContainer #addTab {
+    background-color: #CCC;
+    color: #333;
+    padding: 0;
+    text-align: center;
+    height: 30px;
+    width: 30px;
+    flex-shrink: 0;
+    line-height: 26px;
+    border-radius: 50% !important;
+    border: 2px solid white;
+}
+.kiwi-theme #tracyConsoleContainer #addTab:hover {
+    background-color: #AAA;
+}
+
 /* Show close button when parent button is hovered */
 #tracyTabs button:hover .close-button {
     visibility: visible !important;