ravery css override

ravelry-style.css

:root {
  --white-theme-border: #ddd;
  --dark-theme-border: #555;
  --color-border: var(--white-theme-border);
  --color-input-focus: var(--white-theme-border);
  --color-infobox-title-border: var(--white-theme-border);
  --color-border-black: var(--white-theme-border);
  --color-border-dark: var(--white-theme-border);
  --color-border-clicker: var(--white-theme-border);
  --color-border-tabular-data: var(--white-theme-border);
  --color-border-logo-image: var(--white-theme-border);
  --color-border-forum-thread: var(--white-theme-border);
  --color-border-forum-thread-header: var(--white-theme-border);
  --color-navigation-indicator-snake: #5998a6;
  --img-icon-forms-square: linear-gradient(#ddd, #ddd);
  --img-icon-forms-check-square-green: linear-gradient(#185039, #185039);
}

h2:not(.breadcrumbs) {
  color: #3b3b3b;
  font-weight: 600;
  font-size: 1.8rem;
}

.c-navigation_dropdown__name {
  font-size: 1.1rem;
}

.facet_box li.value {
  padding: 2px;
}

.facet_box li.value a {
  background-size: 15px 15px;
}

div#logo img,
img.logo {
  border: 1px solid #ddd;
}

div.field {
  border-bottom: 1px solid #ddd;
}

:focus {
  outline: #ddd auto 1px;
  outline-color: #ddd;
  outline-style: auto;
  outline-width: 1px;
}

/* dark mode */
body.theme_hebridean div.field {
  border-bottom: 0;
}

body.theme_hebridean .form_select,
body.theme_hebridean textarea,
body.theme_hebridean input {
  border: 1px solid var(--dark-theme-border);
}

body.theme_hebridean :focus {
  outline: var(--dark-theme-border) auto 1px;
  outline-color: var(--dark-theme-border);
  outline-style: auto;
  outline-width: 1px;
}

body.theme_hebridean h2:not(.breadcrumbs) {
  color: #ddd;
  font-weight: 600;
  font-size: 1.8rem;
}

body.theme_hebridean {
  --color-border: var(--dark-theme-border);
  --color-border-clicker: var(--dark-theme-border);
  --color-border-dark: var(--dark-theme-border);
  --color-border-forum-thread-header: var(--dark-theme-border);
  --color-border-forum-thread: var(--dark-theme-border);
  --color-border-image: var(--dark-theme-border);
  --color-border-light: var(--dark-theme-border);
  --color-border-logo-image: transparent;
  --color-border-understated: var(--dark-theme-border);
  --color-border-tabular-data: var(--dark-theme-border);
  --color-buy-option-border: var(--dark-theme-border);
  --color-buy-option-button-border: var(--dark-theme-border);
  --color-chip-border: var(--dark-theme-border);
  --color-dialog-error-border: var(--dark-theme-border);
  --color-dialog-neutral-border: var(--dark-theme-border);
  --color-dialog-success-border: var(--dark-theme-border);
  --color-dialog-warning-border: var(--dark-theme-border);
  --color-forum-board-table-border: var(--dark-theme-border);
  --color-forum-board-table-header-border: var(--dark-theme-border);
  --color-infobox-border: var(--dark-theme-border);
  --color-infobox-content-border: var(--dark-theme-border);
  --color-infobox-title-border: var(--dark-theme-border);
  --color-input-reposition-border: var(--dark-theme-border);
  --color-navigation-bottom-border: var(--dark-theme-border);
  --color-secondary-navigation-reverse-border: var(--dark-theme-border);
  --color-table-border: var(--dark-theme-border);
  --color-table-header-border: var(--dark-theme-border);
  --color-table-row-border: var(--dark-theme-border);
  --color-tooltip-border: var(--dark-theme-border);
  --color-forum-magic-link-border: var(--dark-theme-border);
}