penpot/frontend/resources/styles/common/dependencies/uxbox-light.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>

// This is a standard color scheme for UXBOX UI
// Hope you like it and feel free to create your own one!

// UXBOX Light Theme :)

// Main interaction color
$main-ui-color: $color-primary;
$intense-main-ui-color: darken($main-ui-color, 25%);

// Set the UI flavour
$ui-flavour: #90969d;

// Change next colors for more customization
// Background colors
$primary-ui-bg: $color-white;
$secondary-ui-bg: mix($ui-flavour, $color-white, $mix-percentage-lighter);
$dark-ui-bg: mix($ui-flavour, $color-white, $mix-percentage-light);

// Border color
$intense-ui-border: $ui-flavour;
$medium-ui-border: mix($ui-flavour, $color-white, $mix-percentage-light);
$soft-ui-border: lighten($medium-ui-border, 18%);

// Icon colors
$intense-ui-icons: mix($ui-flavour, $color-black, $mix-percentage-dark);
$medium-ui-icons: mix($ui-flavour, $color-white, $mix-percentage-light);
$soft-ui-icons: mix($ui-flavour, $color-white, $mix-percentage-lighter);

// Text colors
$intense-ui-text: mix($ui-flavour, $color-black, $mix-percentage-darker);
$medium-ui-text: $ui-flavour;
$soft-ui-text: mix($ui-flavour, $color-white, $mix-percentage-light);

// Canvas colors
$canvas-bg: mix($ui-flavour, $color-white, $mix-percentage-lighter);
$scrollbar-bg: mix($ui-flavour, $color-white, $mix-percentage-light);

// Input colors
$input-bg: $color-light-bg;