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-dark.scss
2019-02-19 15:56:22 +01:00

43 lines
1.1 KiB
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 Dark Theme :)
// Main interaction color
$main-ui-color: $color-primary;
$intense-main-ui-color: darken($main-ui-color, 25%);
// Change next colors for more customization
// Background colors
$primary-ui-bg: #2C2C2C;
$secondary-ui-bg: #3d3f40;
$dark-ui-bg: #181818;
// Border color
$intense-ui-border: #a9adaf;
$medium-ui-border: #3d3f40;
$soft-ui-border: #232323;
// Icon colors
$intense-ui-icons: #a9adaf;
$medium-ui-icons: #808386;
$soft-ui-icons: #4a4e52;
// Text colors
$intense-ui-text: #e0e6e9;
$medium-ui-text: #8d9496;
$soft-ui-text: #4e4f50;
// Canvas colors
$canvas-bg: #3d3f40;
$scrollbar-bg: #878c8e;
// Input colors
$input-bg: $color-dark-bg;