PKU logo CMS logo
Skin Preview: COBALT
Leyan Li
Skin Showcase 1

Skin Preview: COBALT

PKU Academic Classic — cobalt skin

Leyan Li1

1 Peking University (CN)

Apr 29th 2026

  • Bullets & Math
  • Plots & Layout
  • Data Tables
  • Terminal Animation
  • Syntax Tokens
Bullets & Math
  • Inline elements testing:
Highlight Box: Used for primary conclusions or the main takeaway. Inherits the --theme-primary color.
Tip Box: Used for positive results, successful validation, or best practices.
Important Box: Used for critical assumptions, analysis caveats, or key methodology steps.
Warning Box: Used for non-closure issues, large systematic uncertainties, or problematic regions.
Plots & Layout
m_fastmtt nob met nob pt_1 nob pt_2 nob m_fastmtt btag met btag pt_1 btag pt_2 btag
Data Tables
Table 1: Simulated Event Yields at $\sqrt{s} = 13.6$ TeV
Channel $\tau_h\tau_h$ $\mu\tau_h$ $e\tau_h$ $e\mu$ Combined
Data events 245,831 312,457 198,623 87,341 844,252
$Z \to \tau\tau$ 148,230 201,560 129,440 52,180 531,410
Fake background 72,450 68,320 44,810 21,620 207,200
$t\bar{t}$ 12,840 24,560 15,230 8,940 61,570
Other 12,311 18,017 9,143 4,601 44,072
Terminal Animation
📁 ky230 — -zsh — 88x14 
$ python3 scripts/gen_skin_showcase.py🎨 Generating classic... ✅🎨 Generating bold... ✅🎨 Generating cobalt... ✅🎨 Generating voltage... ✅🎨 Generating botanical... ✅🎨 Generating jade... ✅🎨 Generating lavender... ✅🎨 Generating cyber... ✅🎨 Generating terminal... ✅ ==================================================✅ Generated 9/9 skin previews in:   /Users/ky230/.../Pre-slides/playground/   └── skin_classic.html   └── skin_bold.html   └── skin_cobalt.html   └── skin_voltage.html   └── skin_botanical.html   └── skin_jade.html   └── skin_lavender.html   └── skin_cyber.html   └── skin_terminal.html $ █
📁 python3 — plot_limits.py 
# Expected limit extractionimport ROOTfrom array import array def get_expected_limit(mass, channel):    f = ROOT.TFile(f"limits/{channel}/higgsCombine.m{mass}.root")    tree = f.Get("limit")    limits = []    for entry in tree:        limits.append(entry.limit)    return limits[2]  # median expected
Syntax Tokens
📁 C++ — PNNProducer.cc 
#include <torch/script.h>#include "FWCore/Framework/interface/one/EDProducer.h" class PNNProducer : public edm::one::EDProducer<> {  torch::jit::Module model_;  void produce(edm::Event& e, const edm::EventSetup&) {    auto input = buildTensor(e);    auto score = model_.forward({input}).toTensor();    e.put(std::make_unique<float>(score.item<float>()));  }};
📁 JavaScript — animation.js 
// Typewriter animation for terminalconst observer = new IntersectionObserver(  (entries) => {    entries.forEach(entry => {      if (entry.isIntersecting) {        playAnimation();      } else {        resetLines();      }    });  }, { threshold: 0.5 });
📁 HTML — slide.html 
<section class="slide normal-slide">  <div class="slide-content reveal d1">    <div class="two-col">      <div class="left-col">        <div class="highlight-box">          <strong>Result</strong>        </div>      </div>    </div>  </div></section>
📁 Rust — main.rs 
use std::collections::HashMap; fn compute_limits(masses: &[f64]) -> HashMap<u32, f64> {    let mut results = HashMap::new();    for &m in masses {        let limit = run_combine(m as u32);        results.insert(m as u32, limit.expected);    }    results}