summaryrefslogtreecommitdiff
path: root/.treeStyleTabs.css.bak
diff options
context:
space:
mode:
authorbh <qn+git@excalibur.computer>2026-03-06 23:34:53 +0800
committerbh <qn+git@excalibur.computer>2026-03-06 23:34:53 +0800
commitc54bc758febeb5dfb49463de9ef60c709126871d (patch)
tree41bee8e06caccf41ba9411ead1a27f034671fd2b /.treeStyleTabs.css.bak
parent005860dd9ab9b5294ed1f9f38188a32b384e2e48 (diff)
Removed unnecessary files
Diffstat (limited to '.treeStyleTabs.css.bak')
-rw-r--r--.treeStyleTabs.css.bak209
1 files changed, 0 insertions, 209 deletions
diff --git a/.treeStyleTabs.css.bak b/.treeStyleTabs.css.bak
deleted file mode 100644
index 02e38cf..0000000
--- a/.treeStyleTabs.css.bak
+++ /dev/null
@@ -1,209 +0,0 @@
-/*
- * Tree Style Tabs - Photon Theme (Customized)
- * Based on official TST Photon theme
- *
- * Custom colors:
- * - Background: rgba(0, 54, 54, 0.3)
- * - Active/Focused tab: rgba(0, 67, 68, 0.3)
- */
-
-/* ═══════════════════════════════════════════════════════════════════
- 🎨 COLOR VARIABLES
- ═══════════════════════════════════════════════════════════════════ */
-
-:root {
- --toolbar-non-lwt-bgcolor: var(--in-content-page-background);
- --toolbar-non-lwt-textcolor: var(--in-content-page-color);
-
- --tab-like-surface: var(--browser-bg-base, var(--toolbar-non-lwt-bgcolor));
- --tab-surface-regular: var(--browser-bg-for-header-image, var(--tab-like-surface));
- --tab-text-regular: var(--browser-fg, var(--toolbar-non-lwt-textcolor));
- --tab-text-inverted: var(--browser-bg-more-lighter, var(--toolbar-non-lwt-bgcolor));
- --tab-text-active: var(--tab-text);
- --tab-text-active-inverted: var(--toolbar-non-lwt-bgcolor);
- --tab-border: var(--browser-border, var(--browser-bg-more-darker, var(--in-content-box-border-color-mixed)));
- --tab-surface-hover: var(--browser-bg-hover-for-header-image, var(--browser-bg-more-lighter, var(--in-content-box-background-hover)));
- --tab-surface-active: var(--browser-bg-active-for-header-image, var(--face-highlight-more-lighter, var(--in-content-button-background-mixed)));
- --tab-surface-active-hover: var(--browser-bg-active-for-header-image, var(--face-highlight-more-more-lighter, var(--in-content-button-background-active-mixed)));
- --tab-dropmarker: var(--browser-fg, var(--toolbar-non-lwt-textcolor));
- --throbber-color: var(--browser-loading-indicator, var(--tab-text));
- --throbber-color-active: var(--browser-loading-indicator, var(--tab-text-active));
-
- --tabbar-bg: light-dark(
- var(--browser-bg-darker, darkgray),
- var(--browser-bg-darker, var(--dark-frame))
- );
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 🌳 CUSTOM BACKGROUND COLOR
- ═══════════════════════════════════════════════════════════════════ */
-
-:root,
-body,
-#background {
- background-color: rgba(0, 54, 54, 0.3) !important;
- background-image: var(--browser-bg-images, none);
- background-position: var(--browser-bg-position, left);
- background-size: var(--browser-bg-size, auto);
- background-repeat: var(--browser-bg-repeat, none);
-}
-
-:root.right,
-:root.right #background {
- background-position: right;
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 📑 TAB STYLING
- ═══════════════════════════════════════════════════════════════════ */
-
-tab-item,
-.after-tabs button,
-.after-tabs [role="button"],
-#subpanel-container,
-#dummy-tab-color-box {
- --tab-surface: var(--tab-surface-regular);
- --tab-text: var(--tab-text-regular);
- --tab-text-shadow: var(--browser-textshadow-for-header-image, none);
-}
-
-tab-item-substance,
-.after-tabs button,
-.after-tabs [role="button"],
-#subpanel-container,
-#dummy-tab-color-box {
- background: var(--tab-surface);
- color: var(--tab-text);
- text-shadow: var(--tab-text-shadow);
-}
-
-tab-item * {
- color: var(--tab-text);
-}
-
-tab-item:not(.active) tab-item-substance:hover,
-.after-tabs button:hover,
-.after-tabs [role="button"]:hover {
- --tab-surface: var(--tab-surface-hover);
- --tab-text: var(--tab-text-regular);
-}
-
-#subpanel-selector-anchor:hover {
- background: var(--tab-surface-hover);
- color: var(--tab-text-regular);
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- ⭐ ACTIVE/FOCUSED TAB - CUSTOM COLOR
- ═══════════════════════════════════════════════════════════════════ */
-
-tab-item.active {
- --tab-surface: rgba(0, 67, 68, 0.3) !important;
- --throbber-color: var(--throbber-color-active);
- --tab-text: var(--tab-text-active);
- --tab-text-inverted: var(--tab-text-active-inverted);
-}
-
-tab-item.bundled-active,
-tab-item.active tab-item-substance:hover {
- --tab-surface: rgba(0, 67, 68, 0.3) !important;
-}
-
-tab-item.active tab-item-substance {
- background: rgba(0, 67, 68, 0.3) !important;
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 🎯 TAB CLOSE BUTTON
- ═══════════════════════════════════════════════════════════════════ */
-
-tab-closebox {
- background: none transparent;
- border: none 0 transparent;
- margin-block: 0;
- margin-inline: 0;
- padding-block: 0.1em;
- padding-inline: 0.1em;
-}
-
-tab-item .burster {
- --throbber-color: var(--tab-loading-fill);
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 💫 DROP SHADOWS
- ═══════════════════════════════════════════════════════════════════ */
-
-:root {
- --shadow-color: rgba(0, 0, 0, 0.04);
- --shadow-blur: 0.2em;
-}
-
-:root.left tab-item:not(.pinned):not(.collapsed):not(#dummy-tab) tab-item-substance {
- box-shadow: -0.3em 0.3em var(--shadow-blur) var(--shadow-color);
-}
-
-:root.right tab-item:not(.pinned):not(.collapsed):not(#dummy-tab) tab-item-substance {
- box-shadow: 0.3em 0.3em var(--shadow-blur) var(--shadow-color);
-}
-
-.after-tabs button,
-.after-tabs [role="button"] {
- box-shadow: 0 0.3em var(--shadow-blur) var(--shadow-color);
-}
-
-:root.left #tabbar {
- box-shadow: inset -0.2em 0.2em var(--shadow-blur) var(--shadow-color);
-}
-
-:root.right #tabbar {
- box-shadow: inset 0.2em 0.2em var(--shadow-blur) var(--shadow-color);
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 📚 Z-INDEX MANAGEMENT
- ═══════════════════════════════════════════════════════════════════ */
-
-/* Transparent tabs are shown above solid tabs.
- We have to set z-index to show all tabs in the same layer. */
-tab-item {
- z-index: auto;
-}
-
-.after-tabs button,
-.after-tabs [role="button"] {
- z-index: 100;
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 📋 SCROLLBAR STYLING
- ═══════════════════════════════════════════════════════════════════ */
-
-#tabbar:not(.scrollbar-autohide) #pinned-tabs-container,
-#tabbar:not(.scrollbar-autohide) #normal-tabs-container {
- scrollbar-color: var(--browser-toolbar_text-darker, var(--theme-colors-toolbar_bottom_separator, var(--in-content-button-background-hover-mixed)))
- var(--theme-colors-toolbar, var(--in-content-box-background));
-}
-
-
-/* ═══════════════════════════════════════════════════════════════════
- 🔧 FIX "UNDEFINED" TEXT AT BOTTOM
- ═══════════════════════════════════════════════════════════════════ */
-
-/* Hide undefined text in bottom buttons */
-.after-tabs button::after,
-.after-tabs [role="button"]::after {
- content: "" !important;
- display: none !important;
-}
-
-/* Alternative: Hide the entire after-tabs section if not needed */
-/* .after-tabs { display: none !important; } */