green variation of the quattro theme
This commit is contained in:
parent
f84309eb92
commit
22bb285c7f
5 changed files with 1503 additions and 0 deletions
94
view/theme/quattro-green/colors.less
Executable file
94
view/theme/quattro-green/colors.less
Executable file
|
@ -0,0 +1,94 @@
|
||||||
|
// Quattro Theme LESS file
|
||||||
|
|
||||||
|
// "Echo" palette from Inkscape
|
||||||
|
@Blue1:rgb(25,174,255);
|
||||||
|
@Blue2:rgb(0,132,200);
|
||||||
|
@Blue3:rgb(0,92,148);
|
||||||
|
@Red1:rgb(255,65,65);
|
||||||
|
@Red2:rgb(220,0,0);
|
||||||
|
@Red3:rgb(181,0,0);
|
||||||
|
@Orange1:rgb(255,255,62);
|
||||||
|
@Orange2:rgb(255,153,0);
|
||||||
|
@Orange3:rgb(255,102,0);
|
||||||
|
@Brown1:rgb(255,192,34);
|
||||||
|
@Brown2:rgb(184,129,0);
|
||||||
|
@Brown3:rgb(128,77,0);
|
||||||
|
@Green1:rgb(204,255,66);
|
||||||
|
@Green2:rgb(154,222,0);
|
||||||
|
@Green3:rgb(0,145,0);
|
||||||
|
@Purple1:rgb(241,202,255);
|
||||||
|
@Purple2:rgb(215,108,255);
|
||||||
|
@Purple3:rgb(186,0,255);
|
||||||
|
@Metalic1:rgb(189,205,212);
|
||||||
|
@Metalic2:rgb(158,171,176);
|
||||||
|
@Metalic3:rgb(54,78,89);
|
||||||
|
@Metalic4:rgb(14,35,46);
|
||||||
|
@Grey1:rgb(255,255,255);
|
||||||
|
@Grey2:rgb(204,204,204);
|
||||||
|
@Grey3:rgb(153,153,153);
|
||||||
|
@Grey4:rgb(102,102,102);
|
||||||
|
@Grey5:rgb(45,45,45);
|
||||||
|
|
||||||
|
|
||||||
|
// Theme colors
|
||||||
|
@BodyBackground: @Grey1;
|
||||||
|
@BodyColor: @Grey5;
|
||||||
|
|
||||||
|
@Link: @Green3;
|
||||||
|
@LinkHover: @Green3;
|
||||||
|
@LinkVisited: @Green3;
|
||||||
|
|
||||||
|
|
||||||
|
@ButtonColor: @Grey1;
|
||||||
|
@ButtonBackgroundColor: @Grey5;
|
||||||
|
|
||||||
|
@Banner: @Grey1;
|
||||||
|
|
||||||
|
@NavbarBackground:@Green3;
|
||||||
|
@NavbarSelectedBg:@Metalic3;
|
||||||
|
@NavbarSelectedBorder: @Metalic2;
|
||||||
|
@NavbarNotifBg: @Red2;
|
||||||
|
|
||||||
|
@Menu: @Grey5;
|
||||||
|
@MenuBg: @Grey1;
|
||||||
|
@MenuBorder: @Metalic3;
|
||||||
|
@MenuItem: @Grey5;
|
||||||
|
@MenuItemHoverBg: @Green1;
|
||||||
|
@MenuItemSeparator: @Metalic2;
|
||||||
|
@MenuEmpty: @Metalic2;
|
||||||
|
@MenuItemDetail: @Metalic2;
|
||||||
|
|
||||||
|
@AsideBorder: @Metalic1;
|
||||||
|
@AsideConnect: @Grey1;
|
||||||
|
@AsideConnectBg: @Green3;
|
||||||
|
@AsideConnectHoverBg: @Green1;
|
||||||
|
@VCardLabelColor: @Grey3;
|
||||||
|
|
||||||
|
@InfoColor: @Grey1;
|
||||||
|
@InfoBackgroundColor: @Metalic3;
|
||||||
|
|
||||||
|
@NoticeColor: @Grey1;
|
||||||
|
@NoticeBackgroundColor: #511919;
|
||||||
|
|
||||||
|
@ThreadBackgroundColor: #f6f7f8;
|
||||||
|
|
||||||
|
@CommentBoxEmptyColor: @Grey3;
|
||||||
|
@CommentBoxEmptyBorderColor: @Grey3;
|
||||||
|
@CommentBoxFullColor: @Grey5;
|
||||||
|
@CommentBoxFullBorderColor: @Grey5;
|
||||||
|
|
||||||
|
@TagColor: @Grey1;
|
||||||
|
|
||||||
|
@JotToolsBackgroundColor: @Green3;
|
||||||
|
@JotToolsBorderColor: @Metalic2;
|
||||||
|
@JotToolsOverBackgroundColor: @Green2;
|
||||||
|
@JotToolsOverBorderColor: @Metalic1;
|
||||||
|
@JotToolsText: @Grey5;
|
||||||
|
@JotSubmitBackgroundColor: @Grey2;
|
||||||
|
@JotSubmitText: @Grey4;
|
||||||
|
@JotSubmitOverBackgroundColor: @Green1;
|
||||||
|
@JotSubmitOverText: @Grey4;
|
||||||
|
@JotPermissionUnlockBackgroundColor: @Grey2;
|
||||||
|
@JotPermissionLockBackgroundColor: @Grey4;
|
||||||
|
@JotLoadingBackgroundColor: @Grey1;
|
||||||
|
|
21
view/theme/quattro-green/contact_template.tpl
Executable file
21
view/theme/quattro-green/contact_template.tpl
Executable file
|
@ -0,0 +1,21 @@
|
||||||
|
|
||||||
|
<div class="contact-wrapper" id="contact-entry-wrapper-$id" >
|
||||||
|
<div class="contact-photo-wrapper" >
|
||||||
|
<div class="contact-photo mframe" id="contact-entry-photo-$id"
|
||||||
|
onmouseover="if (typeof t$id != 'undefined') clearTimeout(t$id); openMenu('contact-photo-menu-button-$id')" onmouseout="t$id=setTimeout('closeMenu(\'contact-photo-menu-button-$id\'); closeMenu(\'contact-photo-menu-$id\');',200)" >
|
||||||
|
|
||||||
|
<a href="$url" title="$img_hover" /><img src="$thumb" $sparkle alt="$name" /></a>
|
||||||
|
|
||||||
|
<a href="#" rel="#contact-photo-menu-$id" class="contact-photo-menu-button icon s16 menu" id="contact-photo-menu-button-$id">menu</a>
|
||||||
|
<ul class="contact-photo-menu menu-popup" id="contact-photo-menu-$id">
|
||||||
|
$contact_photo_menu
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="contact-name" id="contact-entry-name-$id" >$name</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
0
view/theme/quattro-green/experimental
Executable file
0
view/theme/quattro-green/experimental
Executable file
1374
view/theme/quattro-green/style.css
Executable file
1374
view/theme/quattro-green/style.css
Executable file
File diff suppressed because it is too large
Load diff
14
view/theme/quattro-green/style.less
Executable file
14
view/theme/quattro-green/style.less
Executable file
|
@ -0,0 +1,14 @@
|
||||||
|
/**
|
||||||
|
* Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
|
||||||
|
**/
|
||||||
|
// Less file http://lesscss.org/
|
||||||
|
// compile with lessc
|
||||||
|
// $ lessc style.less > style.css
|
||||||
|
|
||||||
|
@import "colors";
|
||||||
|
@import "../quattro/icons";
|
||||||
|
@import "../quattro/quattro";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue