From a39812752257416b9d386237d37a6ea5888d03c5 Mon Sep 17 00:00:00 2001
From: claude <claude@verso>
Date: Wed, 10 Jun 2026 06:51:30 +0000
Subject: [PATCH] ui: brand badge colors and hide python packages for
 non-revealjs

- LaTeX badge: #13c965 (Overleaf brand green, from upstream overleaf/overleaf)
- Typst badge: #239dad (Typst brand blue/teal, from typst.app)
- Python packages toolbar button: only shown when the compiled output is
  output.html, i.e. a Quarto RevealJS presentation.  Uses the same
  pdfFile?.path === 'output.html' check as PresentationPreviewButton.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../file-tree/components/file-tree-action-buttons.tsx        | 5 ++++-
 services/web/frontend/stylesheets/pages/project-list.scss    | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx
index 4d633caece..7f2abc9273 100644
--- a/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx
@@ -8,6 +8,7 @@ import { usePermissionsContext } from '@/features/ide-react/context/permissions-
 import FileTreeActionButton from './file-tree-action-button'
 import { useRailContext } from '../../ide-react/context/rail-context'
 import PythonRequirementsModal from './python-requirements-modal'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
 
 export default function FileTreeActionButtons({
   fileTreeExpanded,
@@ -19,6 +20,8 @@ export default function FileTreeActionButtons({
   const { write } = usePermissionsContext()
   const { handlePaneCollapse } = useRailContext()
   const [showPythonModal, setShowPythonModal] = useState(false)
+  const { pdfFile } = useCompileContext()
+  const isRevealJs = pdfFile?.path === 'output.html'
 
   const {
     canCreate,
@@ -112,7 +115,7 @@ export default function FileTreeActionButtons({
               iconType="delete"
             />
           )}
-          {write && (
+          {write && isRevealJs && (
             <FileTreeActionButton
               id="python-packages"
               description={t('python_packages')}
diff --git a/services/web/frontend/stylesheets/pages/project-list.scss b/services/web/frontend/stylesheets/pages/project-list.scss
index efa19f621c..98d1580590 100644
--- a/services/web/frontend/stylesheets/pages/project-list.scss
+++ b/services/web/frontend/stylesheets/pages/project-list.scss
@@ -411,11 +411,11 @@ ul.project-list-filters {
     }
 
     &.project-format-badge-typst {
-      background-color: #ee6331;
+      background-color: #239dad; // typst.app brand blue
     }
 
     &.project-format-badge-latex {
-      background-color: #72994e;
+      background-color: #13c965; // Overleaf brand green
     }
   }