Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-14 08:41:48 -05:00
Code Issues Activity

add ui dark theme

Browse source
This commit is contained in:
elhombretecla 2016-03-17 19:17:55 +01:00
parent f3511809fe
commit 8f6a63ae7c
4 changed files with 44 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
resources/styles/dependencies/uxbox-dark.scss Normal file
View file

@ -0,0 +1,40 @@
// 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 ir 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: #232323;
// 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: #dce1e3;
$scrollbar-bg: #878c8e;

2
resources/styles/dependencies/uxbox-light.scss
View file

@ -8,6 +8,8 @@
// This is a standard color scheme for UXBOX UI // This is a standard color scheme for UXBOX UI
// Hope you like ir and feel free to create your own one! // Hope you like ir and feel free to create your own one!
// UXBOX Light Theme :)
// Main interaction color // Main interaction color
$main-ui-color: $color-primary; $main-ui-color: $color-primary;
$intense-main-ui-color: darken($main-ui-color, 25%); $intense-main-ui-color: darken($main-ui-color, 25%);

1
resources/styles/main.scss
View file

@ -5,6 +5,7 @@
@import 'dependencies/colors'; @import 'dependencies/colors';
@import 'dependencies/uxbox-light'; @import 'dependencies/uxbox-light';
//@import 'dependencies/uxbox-dark';
@import 'dependencies/helpers'; @import 'dependencies/helpers';
@import 'dependencies/mixin'; @import 'dependencies/mixin';
@import 'dependencies/fonts'; @import 'dependencies/fonts';

2
resources/styles/partials/workspace-bar.scss
View file

@ -102,7 +102,7 @@
li { li {
align-items: center; align-items: center;
background-color: $color-gray-lighter; background-color: $secondary-ui-bg;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: $br-small; border-radius: $br-small;
cursor: pointer; cursor: pointer;