From ef37cd42982836214c46729497967ff822fc550a Mon Sep 17 00:00:00 2001 From: Isarra Date: Fri, 30 Oct 2015 22:36:15 +0000 Subject: [PATCH] Add some colour variables Currently just used for text and links. Unrelatedly, also some notes for the layout. Change-Id: I3cb26e4eaf3c9d35fecf9899e817ba0df31084cb --- notes | 1 + resources/screen-common.less | 18 ++++++++++++++++++ resources/variables.less | 26 ++++++++++++++++++++++++++ 3 files changed, 45 insertions(+) create mode 100644 notes diff --git a/notes b/notes new file mode 100644 index 0000000..eb1ae45 --- /dev/null +++ b/notes @@ -0,0 +1 @@ +... diff --git a/resources/screen-common.less b/resources/screen-common.less index 88622c5..0117d5f 100644 --- a/resources/screen-common.less +++ b/resources/screen-common.less @@ -7,6 +7,24 @@ body { font-family: sans-serif; margin: 0; padding: 0; + color: @text; + background: @background; +} + +a { + text-decoration: none; + color: @blue; + + &:visited { + color: @blue-dark; + } + &.new { + color: @red; + + &:visited { + color: @red-dark; + } + } } #p-logo { diff --git a/resources/variables.less b/resources/variables.less index 5e22705..3e1eb3a 100644 --- a/resources/variables.less +++ b/resources/variables.less @@ -1,5 +1,31 @@ @import "mediawiki.mixins"; +@text: #013; +@background: #fff; + +@link: @blue; +@link-red: @red; + +@grey: #ddd; +@grey-bright: #f0f0f0; +@grey-dark: #aaa; + +@red: #b22; +@red-bright: #f44; +@red-dark: #800; + +@green: #194; +@green-bright: #4c7; +@green-dark: #071; + +@blue: #06a; +@blue-bright: #0af; +@blue-dark: #047; + +@link: @blue; +@link-red: @red; + + /* To hide objects, but keep them accessible for screen-readers */ .hidden() { position: absolute;