trusted-setup-server/assets/styles/base.scss

$control-height: 2.857em;
$control-border-width: 1px;
$control-padding-vertical: calc(0.429em - #{$control-border-width});
$control-padding-horizontal: calc(1.25em - #{$control-border-width});

$white: #eee;
$primary: #94febf;
$primary-invert: #000403;
$warning: #ff8a00;
$black: #2c4538;
$danger: #FF0658;
$dark: #242424;
$info: $primary-invert;
$info-invert: $white;
$custom-colors: ("black": ($black, $primary-invert));

$block-spacing: 2rem;

@import '~bulma/sass/utilities/_all';

$body-family: 'PT Mono', monospace;
$body-background-color: $primary-invert;
$body-color: $white;
$body-size: 14px;
$body-min-width: 320px;

$navbar-background-color: transparent;
$navbar-item-color: $white;
$navbar-item-hover-color: $primary;
$navbar-item-hover-background-color: transparent;
$navbar-item-active-color: $primary;
$navbar-breakpoint: $tablet;

$label-color: $white;
$label-weight: $weight-normal;

$button-background-color: #181818;
$button-border-color: #666;
$button-color: $white;
$button-hover-border-color: $primary;
$button-focus-border-color: $primary;
$button-focus-color: $primary;
$button-focus-box-shadow-color: rgba($primary, .25);

$button-active-border-color: darken($primary, 10%);
$button-active-color: darken($primary, 10%);

$button-text-color: $primary;
$button-text-hover-background-color: $primary;
$button-text-hover-color: $primary-invert;

$button-disabled-background-color: #000;
$button-disabled-border-color: #393939;

$input-color: $white;
$input-background-color: transparent;
$input-border-color: #393939;
$input-hover-border-color: $white;
$input-hover-color: $white;
$input-focus-border-color: $primary;
$input-placeholder-color: #393939;
$input-focus-box-shadow-size: 0 0 0;

$input-disabled-background-color: #181818;
$input-disabled-border-color: #222222;
$input-disabled-color: #5e5e5e;

$radio-size: 1.5rem;

$link: $white;
$link-hover: $primary;
$link-invert: $primary;

$tabs-border-bottom-width: 0;
$tabs-link-color: $link;
$tabs-link-active-color: $primary;
$tabs-link-hover-color: $primary;

$box-background-color: $primary-invert;
$box-shadow: none;
$box-color: #fefefe;
$box-padding: 1.5rem;

$title-size: 1.5rem;
$title-line-height: 1;
$title-color: $primary;
$subtitle-color: $white;

$footer-background-color: transparent;
$footer-padding: 2rem;

$modal-background-background-color: rgba(#050505, 0.86);
$modal-card-title-color: $primary;
$modal-card-head-background-color: $primary-invert;
$modal-card-head-border-bottom: none;
$modal-card-foot-border-top: none;
$modal-card-body-background-color: $primary-invert;
$modal-card-foot-radius: 0;
$modal-card-head-radius: 0;
$modal-card-body-padding: 0 1.5rem;
$modal-card-head-padding: 1.5rem;

$input-arrow: #393939;
$radius-small: 4px;

$steps-default-color: $primary;
$steps-marker-default-border: .2em solid $primary;
$steps-maker-default-color: $primary-invert;
$steps-previous-color: $primary-invert;

$hr-background-color: #1E3629;
$hr-height: 1px;
$hr-margin: .5rem 0;

$dropdown-item-color: $white;
$dropdown-content-shadow: 0 0 0 1px $primary, 0 6px 12px rgba(0, 0, 0, 0.3);
$dropdown-content-background-color: $primary-invert;
$dropdown-item-hover-background-color: #0e1f17;
$dropdown-item-hover-color: $primary;

$dropdown-item-active-background-color: $primary;
$dropdown-item-active-color: $primary-invert;

$dropdown-content-padding-bottom: 0;
$dropdown-content-padding-top: 0;

$dropdown-background-color: $modal-background-background-color;

$widescreen-enabled: false;
$fullhd-enabled: false;

$table-background-color: transparent;
$table-color: $white;
$table-head-cell-color: $white;
$table-head-cell-border-width: 0 0 4px;
$table-cell-border: 1px solid $primary;
$table-striped-row-even-background-color: rgba($primary, .104);
$table-row-hover-background-color: rgba($primary, .154);
$table-striped-row-even-hover-background-color: rgba($primary, .154);
$table-cell-padding: 1.5em 0.75em;

$pagination-color: $primary;
$pagination-border-color: $primary;

$pagination-hover-color: $primary-invert;
$pagination-hover-border-color: $primary;

$pagination-focus-color: $pagination-hover-color;
$pagination-focus-border-color: $pagination-hover-border-color;

$pagination-active-color: $pagination-hover-color;
$pagination-active-border-color: $pagination-hover-border-color;

$pagination-disabled-color: $primary;
$pagination-disabled-background-color: rgba($primary, .104);
$pagination-disabled-border-color: $primary;

$pagination-current-color: $primary-invert;
$pagination-current-background-color: $primary;
$pagination-current-border-color: $primary;

.columns {
  @include from(576px) {
    &.is-small {
      display: flex;
    }
  }
}

.column {
  @include from(576px) {
    &.is-half-small {
      flex: none;
      width: 50%;
    }
  }
}

@import '~bulma/sass/base/_all';
@import '~bulma/sass/elements/_all';
@import '~bulma/sass/components/_all';
@import '~bulma/sass/form/_all';
@import '~bulma/sass/grid/_all';
@import '~bulma/sass/layout/_all';
@import '~buefy/src/scss/buefy';