appearance-test.css

/* Deterministic styling for CI appearance snapshots.
 *
 * Keep this minimal: any theme/font dependence will churn goldens.
 */

/* Font rendering is otherwise host-dependent (e.g. Roboto vs DejaVu).
 * Nix CI pins DejaVu via FONTCONFIG_FILE; do the same here so `cabal test`
 * matches the committed golden on non-Nix systems too.
 */
* {
  font-family: "DejaVu Sans";
}

window.taffy-window,
.taffy-box {
  background-image: linear-gradient(to bottom, #2b2b2b, #1e1e1e);
  background-color: #1e1e1e;
}

.taffy-box {
  padding: 4px 8px;
}

/* Keep workspace icon layout stable and large enough to be visible. */
.workspaces {
  padding-right: 10px;
}

.workspace-label {
  color: #f0f0f0;
  font-size: 12px;
  padding: 0px 6px 0px 0px;
}

.window-icon-container {
  min-width: 16px;
  min-height: 16px;
  padding: 2px;
}

.window-icon {
  min-width: 16px;
  min-height: 16px;
}

.test-center-box {
  background-color: #3a3a3a;
  border-radius: 5px;
}

.test-right-box {
  background-color: #3a5a7a;
  border-radius: 5px;
}

.test-level2-left {
  background-color: #7a3a5a;
  border-radius: 5px;
}

.test-level2-center {
  background-color: #3a7a5a;
  border-radius: 5px;
}

.test-level2-right {
  background-color: #7a6a3a;
  border-radius: 5px;
}

.test-pill {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f0f0f0;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  /* Keep size stable even when pill contents are empty. */
  min-width: 52px;
  min-height: 20px;
}