見出し画像

kintoneアプリをもっと見やすく!デザインテーマ以外のカラーを適用するスタイルシート

kintoneを使った業務効率化が進む中、アプリのデザインにこだわりたいという声も増えています。既存のデザインテーマだけでは、どうしても表現しきれないカラーやスタイルがあります。

そんな時に役立つのが、カスタムCSS(スタイルシート)です。

今回は、関連レコード一覧およびレコード一覧のタイトル部分にカラーを適用するスタイルシートをご紹介します。

これにより、どのアプリでも視認性を向上させることが可能です。


スタイルシートの特徴

提供するスタイルシートは、関連レコード一覧やレコード一覧タイトルに特定のカラーを適用するためのものです。

kintoneのデザインテーマは、グレー・赤・緑・青・黄色・黒から選べますが、色の主張が強いです。

このスタイルシートでデザインの自由度が高まり、既存のkintoneテーマでは表現できない淡い色などのカラーリングを実現できます。

ユーザーの目に優しく、より見やすいkintoneアプリを作成することが可能です。

カスタマイズの方法

このスタイルシートは、該当箇所を変更するだけで、どのkintoneアプリにも適用できます。

例えば、色をブランドカラーに合わせたり、プロジェクトごとに異なる色を設定したりすることが可能です。

具体的な手順としては、スタイルシートの中にあるカラーコードを、あなたのアプリに合ったものに書き換えるだけです。

注意点

デザインテーマによる影響

使用しているkintoneのデザインテーマによって、適用するスタイルシートが異なる場合があります。そのため、適用前に必ずデザインテーマに合わせた調整を行ってください。

再配布禁止

このスタイルシートは個別のプロジェクトでの利用を前提としており、再配布は禁じられています。利用範囲内でのカスタマイズをお楽しみください。

提供ファイル

ここから先は

0字 / 1ファイル

¥ 330

読んでくださりありがとうございます!いただいたサポートはスキルアップに使わせていただき、noteで発信していきます!