ui: brand badge colors and hide python packages for non-revealjs
Build and Deploy Verso / deploy (push) Successful in 13m8s

- 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>
This commit is contained in:
claude
2026-06-10 06:51:30 +00:00
parent 083b195462
commit a398127522
2 changed files with 6 additions and 3 deletions
@@ -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')}
@@ -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
}
}