Where can I find a full list of all the SASS variables and Colours?... HERE (SOON IN THE DOCS)

Right here.

// +-------------------------------------------------------------------------+

// VARIABLES

// +-------------------------------------------------------------------------+

 

// theme shortcuts

$default-background: white !default;

$chrome-background: lighten($flat-clouds, 3) !default;

$active: #0091EA !default;

$foreground-color: #000 !default;

$border-color: $flat-silver !default;

$icon-color: $flat-gray-4 !default;

$alt-background: $flat-clouds !default;

$odd-row-background-color: rgb(252, 253, 254) !default;

// Derived from above

$foreground-color: rgba($foreground-color, $foreground-opacity) !default; // foreground

$secondary-foreground-color: rgba($foreground-color, $secondary-foreground-color-opacity) !default; // foreground-secondary

$disabled-foreground-color: rgba($foreground-color, $disabled-foreground-color-opacity) !default; // foreground-disabled

$primary-color: $active !default;

$accent-color: $active !default;

$range-selection-background-color: transparentize($active, 0.8) !default;

$range-selection-highlight-color: $active !default;

$selected-color: lighten($active, 40) !default;

$alt-icon-color: $default-background !default;

$background-color: $default-background !default;

$editor-background-color: $chrome-background !default;

$panel-background-color: $chrome-background !default;

$tool-panel-background-color: $chrome-background !default;

$header-background-color: $chrome-background !default;

$hover-color: $alt-background !default;

$chip-background-color: darken($alt-background, 5) !default;

// delta changes

$cell-data-changed-color: #fce4ec !default;

$value-change-delta-up-color: #43a047 !default;

$value-change-delta-down-color: #e53935 !default;

$value-change-value-highlight-background-color: transparentize(#16A085, 0.5) !default;

// Sizing

$grid-size: 4px !default;

$icon-size: 16px !default;

// these three should be changed in envronment.ts, too

$row-height: $grid-size * 7 !default;

$header-height: $grid-size * 8 !default;

$virtual-item-height: $grid-size * 7;

$toolpanel-indent-size: $grid-size + $icon-size !default;

$row-group-indent-size: $grid-size * 3 + $icon-size !default;

$cell-horizontal-padding: $grid-size * 3 !default;

$header-icon-size: 14px !default;

$border-radius: 2px;

// Icons

$icons-path: "./balham-icons/" !default;

// Fonts

$font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;

$font-size: 12px !default;

$font-weight: 400 !default;

$secondary-font-family: $font-family !default; //font-secondary

$secondary-font-size: 12px !default; // font-secondary-size

$secondary-font-weight: 600 !default; // font-secondary-weight

// Animation

$transition-speed: 120ms !default;

 

// +-------------------------------------------------------------------------+

// COLOURS

// +-------------------------------------------------------------------------+

// Greens

$flat-turquoise: #1ABC9C;

$flat-green-sea: #16A085;

$flat-emerald: #2ECC71;

$flat-nephritis: #27AE60;

// Blues

$flat-peter-river: #3498DB;

$flat-belize-hole: #2980B9;

$flat-wet-asphalt: #34495E;

$flat-midnight-blue: #2C3E50;

// Purples

$flat-amethyst: #9B59B6;

$flat-wisteria: #8E44AD;

// Yellows

$flat-sunflower: #F1C40F;

// Oranges

$flat-orange: #F39C12;

$flat-carrot: #E67E22;

$flat-pumpkin: #D35400;

// Reds

$flat-alizarin: #E74C3C;

$flat-pomegranate: #C0392B;

// Grays

$flat-clouds: #ECF0F1;

$flat-silver: #BDC3C7;

$flat-concrete: #95A5A6;

$flat-asbestos: #7F8C8D;

// Aliases make colors easier to remember.

// Greens

$flat-green-1: $flat-turquoise;

$flat-green-2: $flat-green-sea;

$flat-green-3: $flat-emerald;

$flat-green-4: $flat-nephritis;

// Blues

$flat-blue-1: $flat-peter-river;

$flat-blue-2: $flat-belize-hole;

$flat-blue-3: $flat-wet-asphalt;

$flat-blue-4: $flat-midnight-blue;

// Purples

$flat-purple-1: $flat-amethyst;

$flat-purple-2: $flat-wisteria;

// Yellows

$flat-yellow-1: $flat-sunflower;

// Oranges

$flat-orange-1: $flat-orange;

$flat-orange-2: $flat-carrot;

$flat-orange-3: $flat-pumpkin;

// Refs

$flat-red-1: $flat-alizarin;

$flat-red-2: $flat-pomegranate;

// Grays

$flat-gray-1: $flat-clouds;

$flat-gray-2: $flat-silver;

$flat-gray-3: $flat-concrete;

$flat-gray-4: $flat-asbestos;