ShuoHuang/public/assets/esri/themes/light-green/main.scss

/*
  Theme: Light Green
*/

body {
  --esri-calcite-theme-name: "light-green";
}

@import "../base/colors/scss/variables.scss";
// ↳ https://github.com/Esri/calcite-colors.git

$font-color: $Calcite_Gray_700;
$background-color: $Calcite_Highlight_Green_150;
$interactive-font-color: $Calcite_Gray_650;
$interactive-font-color--hover: $Calcite_Gray_700;

$button-color: $Calcite_Highlight_Green_300;
$button-color--bright: #fff;

// Inverse
$interactive-font-color--inverse: darken($font-color, 12%);
$background-color--inverse: $Calcite_Highlight_Green_250;

// Selected
$border-color--active: $interactive-font-color;
$background-color--active: $Calcite_Highlight_Green_100;

@import "../base/core";