Opensourcetechブログスマートフォン用の表示で見るOpensourcetechブログOpensourcetechによるNGINX/Zabbix/Neo4j/Linuxなどオープンソース技術に関するブログです。LPI-JapanTweetこんにちは、LinuCエバンジェリストこと、鯨井貴博@opensourcetechです。今回は作成するCSSファイルの編集方法を簡単にですが、紹介します。OpensourcetechブログCSSファイルのベースは、/usr/share/zabbix/styles/dark-theme.cssを使用しています。https://github.com/kujiraitakahiro/zabbix_template/blob/master/dark-theme.cssなお、変更箇所は分かりやすいように色を赤(16進数で表すと#ff0000)に変更して示します。}少し分かりづらいですが、.top-nav部(以下だと監視データ)をクリックして選択した際に付く色です。!important;ul.top-nav-icons部(上部右側アイコン)をクリックして選択した際に付く色です。#ff0000;ul.top-nav-icons部(上部右側アイコン)の検索ボックスの色です。#ff0000;ul.top-nav-icons部(上部右側アイコン)の検索ボックスに入力しようとポインターを置いた際に使用される色です。#ff0000;まとめ簡単にまとめると、Zabbixのテーマ用CSSファイルでは以下の順にCSSファイルを解析していくと見やすいかと思います。1.CSS内のセレクタが画面内のどの部分を指しているか判断する「body(タグ名)」「.top-subnav(class名)」「:link(未訪問の擬似クラス)」「:visited(訪問済みの擬似クラス)」「:focus(フォーカスされている擬似クラス)」など2.セレクタのパラメータを変更する「color(色)」「background-color(背景色)」「border-****(境界関連の色やスタイル)」「font-***(フォント種類やサイズなど)」など※色の指定方法は、16進数/RGB/RGBAなどが使用できます。※線の幅の指定は、px単位などが使用できます。詳細はそれらに関する情報を見ると良いかと思います。Kujiraiスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。