banananetwork
/
roundcubemail
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Unify color variable names

Browse Source
pull/5742/merge
Aleksander Machniak 8 years ago
parent 4617402688
commit c4598d378b
8 changed files with 73 additions and 67 deletions
Show Stats Download Patch File Download Diff File

57
skins/elastic/styles/colors.less
Unescape Escape View File

@ -1,40 +1,45 @@
// Left menu
@taskmenu-background-color: #222;
@taskmenu-button-color: skyblue;
@taskmenu-selected-button-color: #1a7599;
@taskmenu-action-button-color: #ffffb3;
@taskmenu-special-button-color: grey;
@color-taskmenu-background: #222;
@color-taskmenu-button: skyblue;
@color-taskmenu-selected-button: #1a7599;
@color-taskmenu-action-button: #ffffb3;
@color-taskmenu-special-button: grey;
@color-taskmenu-button-hover: lighten(@color-taskmenu-button, 10%);
@color-taskmenu-action-button-hover: lighten(@color-taskmenu-action-button, 10%);
@color-taskmenu-special-button-hover: lighten(@color-taskmenu-special-button, 10%);
@color-taskmenu-logout-button-hover: red;
@taskmenu-button-hover-color: lighten(@taskmenu-button-color, 10%);
@taskmenu-action-button-hover-color: lighten(@taskmenu-action-button-color, 10%);
@taskmenu-special-button-hover-color: lighten(@taskmenu-special-button-color, 10%);
@taskmenu-logout-button-hover-color: red;
// Layout elements
@layout-border-color: #ddd;
@layout-sidebar-background-color: #fff;
@layout-list-background-color: #fff;
@layout-content-background-color: #fff;
@layout-header-background-color: #f9f9f9;
@color-layout-border: #ddd;
@color-layout-sidebar-background: #fff;
@color-layout-list-background: #fff;
@color-layout-content-background: #fff;
@color-layout-header-background: #f9f9f9;
@color-layout-header-button: #0275d8;
@layout-header-button-color: #0275d8;
@color-searchbar-icon-active: green;
@badge-font-color: #fff;
@searchbar-icon-active-color: green;
// Listings
@color-list: black;
@color-list-selected: inherit;
@color-list-selected-background: #f9f9f9;
@color-list-focus-indicator: #ccc;
@color-list-badge: #fff;
@color-list-recent: blue;
@color-list-recent-badge: #fff;
@color-list-recent-badge-background: @color-list-recent;
// Listings
@list-color: black;
@list-selected-color: inherit;
@list-selected-color-background: #f9f9f9;
@list-focus-indicator-color: #ccc;
// Toolbar menu
@toolbarmenu-hover-color: white;
@toolbarmenu-hover-color-background: blue;
@color-toolbarmenu-hover: white;
@color-toolbarmenu-hover-background: blue;
// Drag-n-drop layer
@drag-layer-color: white;
@drag-layer-color-background: #444;
@color-drag-layer: white;
@color-drag-layer-background: #444;

12
skins/elastic/styles/layout.less
Unescape Escape View File

@ -62,7 +62,7 @@ body > #layout {
flex-direction: column;
min-width: 300px;
max-width: 30%;
border-right: 1px solid @layout-border-color;
border-right: 1px solid @color-layout-border;
}
&.content {
@ -70,7 +70,7 @@ body > #layout {
flex-grow: 6;
flex-direction: column;
min-width: 50%;
background-color: @layout-content-background-color;
background-color: @color-layout-content-background;
& > iframe,
& > .content,
@ -85,17 +85,17 @@ body > #layout {
&.sidebar {
min-width: 220px;
background-color: @layout-sidebar-background-color;
background-color: @color-layout-sidebar-background;
}
&.list {
min-width: 300px;
background-color: @layout-list-background-color;
background-color: @color-layout-list-background;
}
&.menu {
width: @taskmenu-width;
background-color: @taskmenu-background-color;
background-color: @color-taskmenu-background;
a,
a:before {
@ -114,7 +114,7 @@ body > #layout {
& > .header,
& > .footer {
background-color: @layout-header-background-color;
background-color: @color-layout-header-background;
font-size: 1rem;
font-weight: bold;
line-height: 2.5rem;

4
skins/elastic/styles/styles.less
Unescape Escape View File

@ -142,9 +142,9 @@ html.iframe body {
min-width: 260px;
width: auto !important;
width: 260px;
background: @drag-layer-color-background;
background: @color-drag-layer-background;
z-index: 250;
color: @drag-layer-color;
color: @color-drag-layer;
white-space: nowrap;
opacity: 0.92;
}

2
skins/elastic/styles/widgets/buttons.less
Unescape Escape View File

@ -20,7 +20,7 @@ a.button {
}
.header > .buttons > button.btn {
color: @layout-header-button-color;
color: @color-layout-header-button;
background-color: transparent;
border: 0;
padding: 0 0.25em;

41
skins/elastic/styles/widgets/lists.less
Unescape Escape View File

@ -18,7 +18,7 @@
white-space: nowrap;
vertical-align: middle;
line-height: 2.4em;
color: @list-color;
color: @color-list;
}
tbody td {
@ -28,8 +28,8 @@
li.selected,
tr.selected td {
color: @list-selected-color;
background-color: @list-selected-color-background;
color: @color-list-selected;
background-color: @color-list-selected-background;
}
td.selection {
@ -47,7 +47,7 @@
border-left: 2px solid transparent;
}
&.focus tbody tr.focused > td:first-child {
border-left: 2px solid @list-focus-indicator-color;
border-left: 2px solid @color-list-focus-indicator;
}
}
@ -219,8 +219,8 @@ ul.treelist li {
}
&.selected > a {
color: @list-selected-color;
background-color: @list-selected-color-background;
color: @color-list-selected;
background-color: @color-list-selected-background;
}
&.selected {
@ -264,6 +264,17 @@ ul.treelist li {
.folderlist {
li {
&.mailbox {
&.unread {
/* TODO */
& > a {
padding-right: 2.5em;
}
}
&.recent {
color: @color-list-recent;
}
.unreadcount {
position: absolute;
top: 0;
@ -274,28 +285,18 @@ ul.treelist li {
padding: 0 0.3em;
background: /* todo */ #1e70bf;
border-radius: 0.4em;
color: @badge-font-color;
color: @color-list-badge;
text-align: center;
font-weight: bold;
}
&.selected .unreadcount {
background: /* todo */;
/* todo */;
}
&.recent > .unreadcount {
background: /* todo */;
}
&.unread {
/* TODO */
& > a {
padding-right: 2.5em;
}
}
&.recent {
/* TODO */
background: @color-list-recent-badge;
color: @color-list-recent-badge-background;
}
}

4
skins/elastic/styles/widgets/searchbar.less
Unescape Escape View File

@ -5,7 +5,7 @@
display: table;
text-align: right;
position: absolute;
background-color: @layout-header-background-color;
background-color: @color-layout-header-background;
z-index: 10;
top: 0;
right: 0;
@ -39,7 +39,7 @@
a {
&.button.search.active {
color: @searchbar-icon-active-color;
color: @color-searchbar-icon-active;
}
&.button.reset:before {
content: @fa-var-remove;

16
skins/elastic/styles/widgets/taskmenu.less
Unescape Escape View File

@ -10,14 +10,14 @@
display: block;
width: 60px;
text-align: center;
color: @taskmenu-button-color;
color: @color-taskmenu-button;
&:hover {
color: @taskmenu-button-hover-color;
color: @color-taskmenu-button-hover;
}
&.selected {
color: @taskmenu-selected-button-color;
color: @color-taskmenu-selected-button;
}
&:before {
@ -45,7 +45,7 @@
content: @fa-var-question;
}
&.logout:hover {
color: @taskmenu-logout-button-hover-color;
color: @color-taskmenu-logout-button-hover;
}
&.refresh:before {
content: @fa-var-refresh;
@ -65,20 +65,20 @@
}
a {
color: @taskmenu-special-button-color;
color: @color-taskmenu-special-button;
&:hover {
color: @taskmenu-special-button-hover-color;
color: @color-taskmenu-special-button-hover;
}
}
}
.action-buttons {
a {
color: @taskmenu-action-button-color;
color: @color-taskmenu-action-button;
&:hover {
color: @taskmenu-action-button-hover-color;
color: @color-taskmenu-action-button-hover;
}
}
}

4
skins/elastic/styles/widgets/toolbar.less
Unescape Escape View File

@ -170,8 +170,8 @@
opacity: 1;
&:hover {
color: @toolbarmenu-hover-color;
background-color: @toolbarmenu-hover-color-background;
color: @color-toolbarmenu-hover;
background-color: @color-toolbarmenu-hover-background;
}
}
}

Write Preview
Loading…
Cancel
Save