Colors on table headers removed in version 2?

[bjorntj]

Ok, never mind. Forgot the need to compile to css.. But I get the following error when compiling:

Code: Select all

error src/main/webapp/resources/sass/layout/_main.scss (Line 22: Undefined variable: "$topbarLeftBgColor".)

Is this a known problem or?

[mert.sincan]

Thanks a lot for the update!

error src/main/webapp/resources/sass/layout/_main.scss (Line 22: Undefined variable: "$topbarLeftBgColor".)

I couldn't replicate it. Could you please check $topbarLeftBgColor variable in _variables.scss file?

[bjorntj]

I see the line in _main.scss looks like this:

@include background-gradient-left2right($topbarLeftBgColor, $topbarRightBgColor);

And in the _variables.scss file, I have no variables that starts with topbar?


BTJ

[mert.sincan]

Could you please check it in the new _variables.scss file of version 2?

[bjorntj]

That's what I did.. This is the content of that file:

Code: Select all

/*           Common           */
/******************************/
$fontFamily: "Lato","Helvetica Neue",sans-serif;
$fontSize:13px;
$textColor:#2d353c;
$textSecondaryColor:lighten($textColor,25%);
$borderRadius:2px;
$dividerColor:#dce2e7;

/******************************/
/*           Layout           */
/******************************/
$bodyBgColor:#eaeff2;
$footerBgColor:#dee0e3;
$appNameTextColor:#ffffff;
$searchInputBgColor:#f5f8f9;
$searchInputBorderColor:#f5f8f9;
$searchInputFocusBorderColor:#a8b4be;
$menuItemActiveTextColor:#ffffff;
$cardBgColor:#f7f9fa;

/******************************/
/*           THEME            */
/******************************/

/* Icons */
$iconFontSize:13px;
$iconWidth:16px;

/* Headers */
$headerPadding:6px 12px;
$headerBgColor:#f5f8f9;
$headerTextColor:#2d353c;
$headerHoverBgColor:#dcdfe0;
$headerBorderColor:#dce2e7;
$headerIconColor:lighten($textColor,25%);
$headerIconHoverColor:#2d353c;

/* Contents */
$contentPadding:6px 12px;
$contentBorderColor:#dce2e7;
$contentBgColor:#f5f8f9;

/* Forms */
$inputBgColor:#ffffff;
$inputPadding:4px;
$inputBorderColor:#dce2e7;
$inputHoverBorderColor:#a8b4be;
$inputInvalidBorderColor:#e13131;

/* Buttons */
$toggleButtonBgColor:#c6cbcf;

/* List Items */
$listItemPadding:6px 12px;
$listItemHoverBgColor:#dce2e7;
$listItemHoverTextColor:#525262;

/* Messages */
$infoMessageBgColor:#e0f6b1;
$infoMessageTextColor:#7fb30f;
$warnMessageBgColor:#fff1ae;
$warnMessageTextColor:#f7b000;
$errorMessageBgColor:#f0d1d0;
$errorMessageTextColor:#e96d66;
$fatalMessageBgColor:#afafc0;
$fatalMessageTextColor:#3b3b48;

/* Data */
$paginatorBgColor:#ffffff;
$paginatorHoverBgColor:#dce2e7;
$datableOddRowBgColor:#ffffff;
$datatableHoverBgColor:#dce2e7;

/* Menu */
$menuHeaderBgColor:#dcdfe0;
$menuHeaderHoverBgColor:#c4c6c7;

/* Predefined Colors */
$blue:#3ebaf8;
$orange:#f7cb00;
$purple:#985edb;
$pink:#f18983;
$green:#9fd037;
$black:#525262;

[mert.sincan]

Thanks for the update! Could you please check $topbarLeftBgColor variable in layout-{Your Color Name}.scss?
Exp;
layout-green.scss

Code: Select all

$topbarLeftBgColor:#1e8455;  /* Please check this line*/
$topbarRightBgColor:#1e8455;
$menuBgColor:#32b67a;
$menuItemTextColor:#eff7f2;
$menuItemHoverBgColor:#49d291;
$menuItemHoverTextColor:#ffffff;
$menuButtonBgColor:#49d291;
$menuButtonHoverBgColor:#d26149;
$menuButtonActiveBgColor:#d26149;
$topbarMenuItemBadgeBgColor:#d26149;
$topbarMenuItemBadgeTextColor:#ffffff;

@import '../../sass/layout/_layout';

[bjorntj]

Aaah, sorry..

Yes, I have that variable in that file..

Edit: but when I compile, how does sass knows which file it should use?

[mert.sincan]

but when I compile, how does sass knows which file it should use?

- When you add your layout color into template.xhtml;
<h:outputStylesheet name="css/layout-#{your_color}.css" library="verona-layout" />

Please see the following @import in your layout color file;
@import '../../sass/layout/_layout';

The following code inserts the CSS styles (in the _layout.scss) into layout-{your_color}.css

[bjorntj]

Ok, but template file is not used when I compile or am I missing something? (since I am pointing sass to the resource folder beneath that template file, following your documentation: sass -w src/main/webapp/resources/ --sourcemap=none)

[mert.sincan]

Interesting, I still couldn't replicate this issue.