@ou-imdt/css/dist/themes/brand.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

[data-theme*="brand"] {
  --btn-radius: 1.5em;
  --input-padding: 0.3rem 0.7rem;
  --btn-padding: 0.3rem 0.7rem;
  --btn-outline: 2px var(--secondary6, var(--accent)) solid;

  --btn-active-fg: var(--fg);
  --btn-active-bg: var(--primary2-tint10);
  --btn-active-boxshadow: inset 0 3px 5px -1px var(--mono8);

  --btn-focus-visible-bg: var(--secondary6);
  --btn-focus-visible-fg: var(--mono1);

  --btn-focus-bg: var(--primary2-tint10);
  --btn-focus-fg: var(--core1);

  --btn-hover-bg: var(--primary2-tint10);
  --btn-hover-fg: var(--core1);

  --details-border-radius: 0 1rem 0 0;
  --summary-focus-bg: var(--secondary6);
  --summary-focus-fg: var(--mono1);



  /* Input */
  --input-focus-visible-shadow: 0 0 0 0.2rem var(--secondary6);


  --ternary-focus-visible-shadow: 0 0 0 1px var(--mono1),
    0 0 2px 0.2rem var(--secondary6);


  --table-th-last-radius: 0 1rem 0 0;
}