kintone テーマプラグイン

#kintone テーマプラグイン

新デザインでは、標準でテーマ機能が無いため、アプリ毎の識別がしにくい場合があります。
この　[kintone テーマプラグイン](https://rex0220.stores.jp/)で、アプリを色で認識できます。
テーマプラグインは、CSS のみで色を変更しています。
ただし、いまのところ Chrome 以外のブラウザーでは、アイコン画像の色変換がされません。

![thema1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/ba139f20-0837-30c0-8dd5-9c5c9a66f6e6.png)
![thema2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/017a7d06-3084-a105-1757-ea4bf5c94a1b.png)
![thema3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/61965427-a62e-02e2-81a8-7eef25546bfd.png)
![thema4.png](https://qiita-image-store.s3.amazonaws.com/0/100572/64286e73-b0eb-5b33-309f-a348b18b272c.png)
![thema5.png](https://qiita-image-store.s3.amazonaws.com/0/100572/69d1c682-77b3-07e5-216b-654a5bf9ce59.png)

#Thema Blue プラグイン
![blue1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/6262c2e0-27de-cec2-7b80-0f07fd69f397.png)

![blue2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/610616fa-1bcf-1aaa-e294-9503651b2bfb.png)

![Blue3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/51814a08-7856-ace9-c612-18283dc92a76.png)

#Thema Enji プラグイン

![Enji1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/5537bdff-51a4-b06d-d86f-cdad2a894f53.png)

![Enji2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/feb23b2c-2948-47b2-0da6-02e36412d501.png)

![Enji3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/81459c2a-0826-b503-e547-8bcf6177cf4c.png)

#Thema Sakura プラグイン

![Sakura1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/9b4fbf42-a97b-9bd9-37e0-383392d25973.png)

![Sakura2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/7f2ce3b7-33b4-8b1f-e06e-ff20a411bd05.png)

![Sakura3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/7e69fd22-569f-7151-c640-2619ca2df883.png)

#Thema Green プラグイン

![Green1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/bdb601bb-6483-478b-c665-5771a67e6e20.png)

![Green2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/8730665c-8835-b2ab-7aa4-d43dfeb479d7.png)

![Green3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/f96d9b51-a59f-ab86-3936-4b5b58d22868.png)

#Thema Orange プラグイン

![Orange1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/971008f4-348c-7304-43f8-e36a78174e25.png)

![Orange2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/a18a5959-857d-dbce-4613-463da8d5251a.png)

![Orange3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/6b682160-4f4c-f69b-f87d-a2bc077273a0.png)

#Thema Gray プラグイン

![Gray1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/8757b5c4-eea7-0bb9-112e-ee60bcf9a282.png)

![Gray2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/66b43a01-1f22-b59c-ad41-ee6756600326.png)

![Gray3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/57e67d2c-588f-3114-db42-41f234a1ef88.png)

#Thema Black プラグイン

![Black1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/3d480501-be92-225a-5cca-e6f8c92ebcb9.png)

![Black2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/149846d6-811b-34f2-efcb-6798fda72ec1.png)

![Black3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/724290ba-1e8a-69a8-e4d9-22ee971a7f17.png)

#Thema White プラグイン

![White1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/6e692d13-35c3-6488-ffd1-f9d3b803b642.png)

![White2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/0c45cf4c-7884-c9a1-508e-18b6697b0e77.png)

![White3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/1067dfc8-c0e5-056a-02f4-fa90c1d476ea.png)

#Thema Sepia プラグイン

![sepia1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/7de87249-f25e-6c25-c71d-1392bb6571b5.png)

![Sepia2.png](https://qiita-image-store.s3.amazonaws.com/0/100572/41583cdd-5937-9b48-4e0e-f28d3183fa73.png)

![Sepia3.png](https://qiita-image-store.s3.amazonaws.com/0/100572/d04f9cc0-04eb-35a0-4c32-f33ae03ccb05.png)

#Chrome 以外のブラウザー表示
**Chrome 以外のブラウザーでは、アイコン画像の色変換がされません。**

![IE1.png](https://qiita-image-store.s3.amazonaws.com/0/100572/7741067e-a35f-8cf3-e301-c60f3812d360.png)


#テーマプラグインの設定

![thema4.png](https://qiita-image-store.s3.amazonaws.com/0/100572/48a362e0-b4a0-aa44-9359-a4f4d19b39d1.png)