黒いバナーバ​​ーの色をどのように変更しますか？

Question

私は自分の会社のロゴの色と一致したいと思いますが、私はそれを変更する必要があるかどうか分かりません。少なくとも4つのdivがあります。どちらを変更するのですか？または私はそれらのすべてを変更するのですか？何が変わる必要があるかを調べることができる場所がありますか？

Answer 1

Oneui v2.1 documentationをご覧ください。コンポーネントツリーでは、 'バナー'コンポーネントが見つかります。これはあなたが更新/変更する必要があるコントロールです。

デフォルトの実装は、次のスタイルを持っている：

.lotusBanner { 
    background-color: #000000; 
    background-image: -moz-linear-gradient(center top , #525252 0%, #000000 100%); 
    padding: 0 10px; 
} 

あなたは、背景色や背景画像を変更する必要があります。ベストは、デフォルトのoneuiv2.1のテーマを拡張する新しいテーマを作成し、デフォルトをoveridesそれに独自のCSSを追加することです：

<theme extends="oneuiv2.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="platform:/plugin/com.ibm.designer.domino.stylekits/schema/stylekit.xsd" > 
    <!-- 
     Use this pattern to include resources (such as style sheets 
     and JavaScript files that are used by this theme. 
    --> 

    <resource> 
     <content-type>text/css</content-type> 
     <href>your.css</href> 
    </resource> 


    <!-- 
     Use this pattern to define property name/value pairs for controls 
    --> 
    <!-- 
    <control> 
     <name>[Control Name]</name> 
     <property> 
      <name>[property Name]</name> 
      <value>[property Value]</value> 
     </property> 
    </control> 
    --> 
</theme>