LaTeX Workbench · Modern Calculator UI

Preview

Quick Keys

Editor

% !TEX program = pdflatex
\documentclass[tikz,border=2mm]{standalone}
\usepackage{amsmath,amssymb}
\usepackage{mathrsfs}
\usepackage{tikz}
\usetikzlibrary{arrows.meta,calc,positioning,fit,backgrounds,decorations.pathreplacing,shapes.geometric}
% ---------- Layers
\pgfdeclarelayer{bg}
\pgfsetlayers{bg,main}
% ---------- Palette
\definecolor{foundationBlue}{RGB}{36, 99, 235}
\definecolor{observerViolet}{RGB}{138, 75, 190}
\definecolor{physicsTeal}{RGB}{ 0, 148, 143}
\definecolor{couplingOrange}{RGB}{224, 120, 0}
\definecolor{roadmapGray}{RGB}{ 70, 78, 84}
\definecolor{paperTint}{RGB}{247,249,252}
\colorlet{bgFoundation}{foundationBlue!6}
\colorlet{bgObserver}{observerViolet!8}
\colorlet{bgPhysics}{physicsTeal!7}
\colorlet{bgCoupling}{couplingOrange!8}
\colorlet{bgRoadmap}{roadmapGray!8}
% ---------- Global toggles
\newif\ifShowJacobian \ShowJacobiantrue
\newif\ifShowHilbert \ShowHilberttrue
\newif\ifShowAxis \ShowAxistrue
\newif\ifEnableA \EnableAtrue
\newif\ifEnableB \EnableBtrue
\newif\ifEnableC \EnableCtrue
\newif\ifEnableD \EnableDtrue
% panel grid
\def\PanelW{12.8}
\def\PanelH{10.2}
\def\PanelGap{1.0}
% time axis
\def\axisLen{2*\PanelW + \PanelGap}
\def\timeY{-2.4}
\def\nTicks{16}
\def\dt{1.2}
\def\ta{9.0}
\def\tb{12.0}
% ---------- Styles
\tikzset{font=\small,
  card/.style={rectangle,rounded corners=4pt,very thick,minimum width=42mm,minimum height=12mm,text width=40mm,align=center,inner sep=3.5pt},
  cardF/.style={card,draw=foundationBlue!70!black,fill=bgFoundation},
  cardO/.style={card,draw=observerViolet!75!black,fill=bgObserver},
  cardP/.style={card,draw=physicsTeal!70!black,fill=bgPhysics},
  cardC/.style={card,draw=couplingOrange!80!black,fill=bgCoupling,text width=36mm,minimum width=0pt},
  cardM/.style={card,draw=roadmapGray!85!black,fill=bgRoadmap},
  dot/.style={circle,draw=foundationBlue!70!black,fill=bgFoundation,very thick,minimum size=8mm},
  flowF/.style={-{Latex[length=3mm]},very thick,draw=foundationBlue!85!black,shorten >=2pt,shorten <=2pt},
  flowO/.style={-{Latex[length=3mm]},very thick,draw=observerViolet!85!black,shorten >=2pt,shorten <=2pt},
  flowP/.style={-{Latex[length=3mm]},very thick,draw=physicsTeal!80!black,shorten >=2pt,shorten <=2pt},
  flowC/.style={-{Latex[length=2.8mm]},thick,draw=couplingOrange!95!black,shorten >=2pt,shorten <=2pt},
  flowM/.style={-{Latex[length=2.8mm]},thick,draw=roadmapGray!95!black,shorten >=2pt,shorten <=2pt},
  flowAxis/.style={-{Latex[length=3mm]},very thick,draw=black},
  auxflow/.style={-{Latex[length=2.6mm]},thick,draw=roadmapGray!80!black,dashed,shorten >=2pt,shorten <=2pt},
  note/.style={font=\scriptsize,inner sep=1pt},
  axisBadge/.style={draw=black,rounded corners=2pt,inner sep=1pt,fill=paperTint}
}
% ---------- Badges
\newcommand{\EdgeBadges}[3]{%
  \ifShowJacobian
    \node[axisBadge,anchor=north west] at (#1) {$J_{x}=\frac{\partial x}{\partial s}$};
    \path (#1) ++(#2,0) node[axisBadge,anchor=north east] {$J_{t}=\frac{\partial t}{\partial s}$};
    \path (#1) ++(0,#3) node[axisBadge,anchor=south west] {$J_{y}=\frac{\partial y}{\partial s}$};
    \path (#1) ++(#2,#3) node[axisBadge,anchor=south east] {$\det J$};
  \fi
}
% ---------- Windows (A-D) — omitted here for brevity in UI; keep your original definitions ...
% (Paste your full WindowA/B/C/D definitions)
\begin{document}
\begin{tikzpicture}[remember picture,overlay]
\begin{pgfonlayer}{bg}
  \fill[paperTint] (current bounding box.south west) rectangle (current bounding box.north east);
\end{pgfonlayer}
% ... your layout code ...
\end{tikzpicture}
\end{document}

Greek

Operators

Arrows

Sets / Logic

Accents / Decorators

Fonts