1

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);
4

2 に答える 2

2

あなたは正しい場所を探しています。これらの行のコメントを解除する必要があります。例：

// Colors Settings

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

このようにする必要があります：

// Colors Settings

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

背景色の変更に関しては、app.scssの一部としてこれを行う必要があると思います。私が行うことは、settings.scssファイルに他の色設定を追加してから、app.scssでこれらを使用することです。

// Colors Settings

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

body,html {
    background:$background;
}
于 2013-01-21T16:00:41.573 に答える
0

You've got the right area.

If you have a look at _global.scss you can see on line 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; }

Basically the background is being set to the $white;

$white then appears in LOTS of different areas in the scss files so you can either

  1. update the $white variable to a dark colour and see how it looks
  2. create a new variable for the $dark colour and update line 7 to reference the new variable.
于 2013-01-21T16:08:38.603 に答える