0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-30 19:00:10 -05:00
penpot/frontend/resources/styles/common/dependencies/uxbox-light.scss

47 lines
1.3 KiB
SCSS
Raw Normal View History

2016-03-01 20:39:13 +02:00
// 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>
2016-02-17 08:56:02 +01:00
// This is a standard color scheme for UXBOX UI
// Hope you like it and feel free to create your own one!
2016-02-17 08:56:02 +01:00
2016-03-17 19:17:55 +01:00
// UXBOX Light Theme :)
2016-02-20 10:15:49 +01:00
// Main interaction color
2016-02-17 08:56:02 +01:00
$main-ui-color: $color-primary;
2016-02-19 19:41:33 +01:00
$intense-main-ui-color: darken($main-ui-color, 25%);
2016-02-20 10:15:49 +01:00
// Set the UI flavour
$ui-flavour: $color-gray;
2016-02-17 08:56:02 +01:00
2016-02-20 10:15:49 +01:00
// Change next colors for more customization
2016-02-17 08:56:02 +01:00
// Background colors
2019-12-16 13:01:17 +01:00
$primary-ui-bg: $color-gray-50;
$secondary-ui-bg: $color-gray-60;
2019-12-17 13:23:53 +01:00
$dark-ui-bg: $color-gray-40;
2016-02-17 08:56:02 +01:00
// Border color
2019-12-16 14:19:25 +01:00
$intense-ui-border: $color-gray-40;
2019-12-17 16:50:50 +01:00
$medium-ui-border: $color-gray-20;
2019-12-16 13:01:17 +01:00
$soft-ui-border: $color-gray-60;
2016-02-17 08:56:02 +01:00
// Icon colors
2019-12-16 14:19:25 +01:00
$intense-ui-icons: $color-gray-20;
$medium-ui-icons: $color-gray-30;
$soft-ui-icons: $color-gray-60;
2016-02-17 08:56:02 +01:00
// Text colors
2019-12-16 14:19:25 +01:00
$intense-ui-text: $color-gray-60;
$medium-ui-text: $color-gray-20;
$soft-ui-text: $color-gray-10;
2016-02-17 08:56:02 +01:00
// Canvas colors
2016-02-19 19:41:33 +01:00
$canvas-bg: mix($ui-flavour, $color-white, $mix-percentage-lighter);
$scrollbar-bg: mix($ui-flavour, $color-white, $mix-percentage-light);
2019-02-19 15:56:22 +01:00
// Input colors
2019-12-17 16:50:50 +01:00
$input-bg: $primary-ui-bg;