【モバイル】詳細画面背景色変更

kintone 開発相談
1

お世話になります。カスタマイズ初心者です。

ぱっと見で詳細画面なのか編集画面なのかを

判断するために、画面の色を変更したいと考えています。

過去の投稿を確認し、下記の様にCSSを登録しました。

.record-gaia {
 background-color: #FFEF6C;
}
.record-gaia .control-label-gaia {
background-color: #FFEF6C;
}
.record-gaia .layout-gaia {
background-color: #FFEF6C;
}
.record-gaia .control-gaia {
background-color: ##F0F0F0;
}

PCのCSSはうまくいったのですが、モバイル版に同じ

CSSを当てはめてもうまくいきませんでした。

モバイル版でも同様にするためにはどうしたらいいか

教えていただけると非常に助かります。

どうぞよろしくお願いいたします。

2

ちなみに、

CSSの
.record-gaia 
みたいな部分が何か分かって書いてますか？？

これがなにか分かったらモバイル版でも同様にすればできますし、
今後起こるかもしれないkintoneの画面デザインの変更にも対応できるようになると思います。

kintoneのPC版、スマホ版の画面のHTMLのコードを比較したり、ブラウザのデベロッパーツールで要素を調べたりして試行錯誤してみてください。

3

らいと様

お返事ありがとうございます。ご指摘感謝します。

デベロッパーツールなどを確認し、モバイルアプリの画面の色付けをすることができました。

.しかし、詳細画面のみ色を変更したいのですが、編集画面上も色が変わってしまいます。

gaia-mobile-v2-ui-tabview-contents {
 background-color: #FFEF6C;
}

PC版の方は、showlayout-gaiaがあったのですが、モバイル版にも同様にあるのでしょうか？

私の方では探しきれず・・・