Create palette ripped from the GTK theme
This commit is contained in:
parent
4c681af53a
commit
f5513bc660
5 changed files with 61 additions and 0 deletions
1
comp.sh
Normal file
1
comp.sh
Normal file
|
@ -0,0 +1 @@
|
|||
sass ./scss/yaru.scss ./output/yaru.css
|
15
package.json
Normal file
15
package.json
Normal file
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"name": "yaru.css",
|
||||
"version": "1.0.0",
|
||||
"description": "CSS library to make ubuntu styled websites",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://git.hackclub.app/conzer12/yaru.css.git"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC"
|
||||
}
|
4
scss/_colors.scss
Normal file
4
scss/_colors.scss
Normal file
|
@ -0,0 +1,4 @@
|
|||
// When col def diffs for dark and light variant
|
||||
// it gets @if ed depending on $variant
|
||||
|
||||
@import 'palette';
|
40
scss/_palette.scss
Normal file
40
scss/_palette.scss
Normal file
|
@ -0,0 +1,40 @@
|
|||
// Blacks
|
||||
$jet: #181818;
|
||||
$inkstone: #3D3D3D;
|
||||
$slate: #5D5D5D;
|
||||
$graphite: #666666;
|
||||
|
||||
// Whites
|
||||
$white: #FFFFFF;
|
||||
$porcelain: #F7F7F7F7;
|
||||
$silk: #CCC;
|
||||
$warm_grey: #AEA79F;
|
||||
$ash: #878787;
|
||||
|
||||
// Purples
|
||||
$aubergine: #924D8B;
|
||||
$purple: #762572;
|
||||
$light_aubergine: #77216F;
|
||||
$mid_aubergine: #5E2750;
|
||||
$dark_aubergine: #2C001E;
|
||||
|
||||
// Reds
|
||||
$red: #c7162b;
|
||||
|
||||
// Oranges
|
||||
$orange: #e95420;
|
||||
|
||||
// Yellows
|
||||
$yellow: #f99b11;
|
||||
|
||||
// Greens
|
||||
$green: #0e8420;
|
||||
|
||||
// Blues
|
||||
$blue: #19B6EE;
|
||||
$linkblue: #007aa6;
|
||||
$darkblue: #335280;
|
||||
|
||||
// Semantics
|
||||
$accent_bg_color: $orange !default;
|
||||
$accent_fg_color: $white !default;
|
1
scss/yaru.scss
Normal file
1
scss/yaru.scss
Normal file
|
@ -0,0 +1 @@
|
|||
@import 'colors';
|
Loading…
Reference in a new issue