基礎黑暗主題

我想創建一個黑暗的主題爲基礎由zurb，黑暗的背景和輕寫作。我無法找到更改項目設置的方法，因此我一直在編輯生成的CSS文件，這並不理想。我希望我可以編輯sass文件來創建一個黑暗的主題，但我希望有一些配置可以做，而不是所有那些。基礎黑暗主題

設置文件的相關部分，我無法弄清楚如何使背景暗...

// Colors Settings 

// $mainColor: #2ba6cb; 
// $secondaryColor: #e9e9e9; 
// $alertColor: #c60f13; 
// $successColor: #5da423; 
// $txtColor: #222; 
// $highlightColor: #ffff99; 
// $black: #000; 
// $white: #fff; 
// $shinyEdge: rgba(#fff, .5); 
// $darkEdge: rgba(#000, .2);

來源

2013-01-19 Billy Moon

您正在尋找在正確的地方。你只需要取消註釋這些線路，如：

// Colors Settings 

// $mainColor: #2ba6cb; 
// $secondaryColor: #e9e9e9; 
// $aler...

應該是這樣的：

// Colors Settings 

$mainColor: #000000; 
// $secondaryColor: #e9e9e9; 
// $aler...

至於改變背景顏色，我想你將不得不這樣做，因爲應用程序的一部分。 SCSS，我要做的就是添加其他色彩設置，以我的settings.scss文件，然後在app.scss使用這些：

// Colors Settings 

$background:#000000; 
$mainColor: #000000; 
// $secondaryColor: #e9e9e9; 
// $aler... 

body,html { 
    background:$background; 
}

來源

2013-01-21 16:00:41

你已經有了合適的區域。

如果你看看_global.scss你可以在網上看到7：

body { background: $white; font-family: $bodyFontFamily; font-weight: $bodyFontWeight; font-style: $bodyFontStyle; font-size: ms(0); line-height: 1; color: $bodyFontColor; position: relative; -webkit-font-smoothing: $fontSmoothing; }

基本上背景被設定在$white;

$white然後出現在不同領域的地段scss文件，所以你可以

更新$white變量爲深色，看看它看起來如何
爲$dark顏色創建一個新變量並更新第7行以引用新變量。

來源

2013-01-21 16:08:38 justinavery

或伊恩說的話）;） – justinavery

基礎黑暗主題

回答

相關問題