status-im
/
re-frame-10x
mirror of https://github.com/status-im/re-frame-10x.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make LESS variables of colours

This commit is contained in:
chris (daiyi) 2017-08-31 17:01:36 +02:00
parent 0339579c1c
commit 394210e1f3
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/day8/re_frame/trace/main.less
View File

@ -1,3 +1,9 @@
@light-purple: #616cdb;
@light-blue: lightblue;
@light-gray: #efeef1;
@text-color: #222;
@text-color-muted: #aaa;
#--re-frame-trace-- { #--re-frame-trace-- {
all: initial; all: initial;
@ -24,7 +30,7 @@
========================================================================== */ ========================================================================== */
a, a:visited { a, a:visited {
color: #333; color: @text-color;
border-bottom: 1px #333 dotted; border-bottom: 1px #333 dotted;
} }
a:hover, a:focus { a:hover, a:focus {
@ -214,7 +220,7 @@
font-family: 'courier new', monospace; font-family: 'courier new', monospace;
tbody { tbody {
color: #aaa; color: @text-color-muted;
} }
tr:hover { tr:hover {
transition: all 0.1s ease-out; transition: all 0.1s ease-out;
@ -258,7 +264,7 @@
} }
.tab.active { .tab.active {
background: transparent; background: transparent;
border-bottom: 3px solid lightblue; border-bottom: 3px solid @light-blue;
border-radius: 0; border-radius: 0;
padding-bottom: 1px; padding-bottom: 1px;
} }
@ -270,7 +276,7 @@
} }
.filter-items li { .filter-items li {
color: #333; color: #333;
background: #efefef; background: @light-gray;
display: inline-block; display: inline-block;
font-size: 0.9em; font-size: 0.9em;
margin: 5px; margin: 5px;
@ -278,7 +284,7 @@
.filter-items { .filter-items {
li { li {
.filter-item-string { .filter-item-string {
color: #616cdb; color: @light-purple;
} }
} }
@ -304,8 +310,8 @@
appearance: menulist; appearance: menulist;
} }
.nav { .nav {
background: #efeef1; background: @light-gray;
color: #222; color: @text-color;
} }
.panel-content-top { .panel-content-top {
flex: 1; flex: 1;