タグ ダークテーマ
人気順 10 users 50 users 100 users 500 users 1000 usersCSSのlight-dark()関数の実践的な使い方、ライトテーマとダークテーマの作成方法
Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。現在のところ、サポートブラウザはChrome, Firefoxですが、Safari TPに実装されており、次のバージョンでサポート予定となっています。 CSSのlight-dark()関数の基礎知識と実践的な使い方を紹介... 続きを読む
ターミナルのシンプルなUIが好きな人に! モダンでミニマルなCSSの超軽量フレームワーク -Terminal CSS
ターミナルのUIを模した、モダンでミニマルなCSSの超軽量フレームワークを紹介します。 ターミナルで見かけるようなデザインのUIコンポーネントが豊富に揃っており、ライトテーマ・ダークテーマもサポートされています。 Terminal CSS Terminal CSS -GitHub Terminal CSSの特徴 Terminal CSSの使い方 Terminal CSSのコン... 続きを読む
VS Codeのこのダークテーマ、コードが見やすい! 色の一貫性を向上させ、見やすさを改善したテーマ -Darcula Dark
VS Codeはその機能も魅力ですが、豊富なテーマも魅力の一つです。 ダークテーマの新しいのがリリースされていたので、試してみたらかなり良かったので、紹介します。リリースされたのは1ヵ月ほど前ですが、すでに27Kもインス...記事の続きを読む 続きを読む
このダークテーマは目に優しく、コードも見やすい! VS Codeのエレガントなモノクロームのテーマファイル -Sequoia
ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか? 背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochr...記事の続きを読む 続きを読む
プロのUIデザイナーに学ぶ!UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第11弾は角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニックです。 UI & UX Micro-Tips: Volum... 続きを読む
BtoB SaaSでダークテーマのUIを採用したら5ヶ月でクビになった - KeijiroToyoda - Medium
こんにちは。Flatt Securityの豊田です。 自分はこの会社の共同創業者でありフェーズごとにさまざまな業務を受け持ってきたのですが、あくまで本職はデザイナーだという矜持だけは持ち続けているつもりです。 PdMと分担しながらではありますが、実際今現在もSaaSプロダクトのUIデザインを担当していますので、今日はひと... 続きを読む
Androidアプリ「はてなブックマーク」はAndroid 10に対応し、新機能「ダークテーマ」にも対応しました - はてなブックマーク開発ブログ
本日、Android 10に対応したAndroidアプリ「はてなブックマーク」のバージョン5.0をリリースしました。今回のアップデートではデザインの調整を行い、新機能「ダークテーマ」に対応しました。 ダークテーマをオンにすることで暗い場所で画面が見やすくなるなど、より多くの場面で快適にアプリをご利用いただけます。 ダ... 続きを読む
CSSのメディアクエリ「prefers-color-scheme」でダークモード対応にする方法と注意点 | コリス
iPhoneやAndroidでもダークテーマが採用され、ダークモードに対応するWebサイトやスマホアプリが増えてきました。 ほんの数行のCSSのみでダークモードに対応する方法と注意点を紹介します。 Dark mode in a website with CSS by Tom Brow 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
UXデザイナーに学ぶ、ダークテーマをデザインする時に気をつけたい5つのポイント | コリス
iPhoneやAndroidでもダークテーマが採用され、ダークテーマが注目されています。サイトやアプリをダークテーマ対応にするには、単純に色合いを反転するだけではありません。読みやすく、バランスのとれた、快適なダークテーマをデザインする時に気をつけたいポイントを紹介します。 How to design delightful dark theme... 続きを読む
GmailやGoogle Playにとうとうダークテーマが配信開始 - Engadget 日本版
GmailのiOS版/Android版アプリとGoogle Payアプリに、相次いでダークモード(ダークテーマ)の配信が開始されています。 ダークモードとはバックグラウンドなどのテーマを暗色でまとめたもので、目に優しいだけでなく、有機ELディスプレイ搭載スマートフォンでは消費電力の削減も期待できます。 そしてGmailアプリのダ... 続きを読む
「Android 10」正式版リリース まずはPixelシリーズにローリングアウト - ITmedia Mobile
Googleが「Android 10」(コードネーム:Android Q)の正式版をリリースした。まずはPixelシリーズにローリングアウトしていく。ナビゲーションバーのないジェスチャーナビゲーションやシステム全体のダークテーマなどの新機能が使える。 米Googleは9月3日(現地時間)、モバイルOS「Android 10」の正式版をリリースした... 続きを読む
Android Q「ダークテーマ」ハンズオン:黒い | ギズモード・ジャパン
Android Q「ダークテーマ」ハンズオン:黒い2019.05.08 19:30 Sam Rutherford - Gizmodo US [原文] ( 岡本玄介 ) Image: Sam Rutherford/Gizmodo US 眩しい画面が苦手な人なら大歓迎の機能です。 世の中には、画面の中で見るものすべてをダークモードにしたい人と、どういうワケか夜でも白くて明るい背景色で光を放つ... 続きを読む
WebアプリでmacOSのテーマ切り替えを取得する方法 - Qiita
macOS Mojaveで画面を目に優しい黒基調にしてくれる「ダークテーマ」が導入されました。 それ以降、設定したテーマに色調を追従させるようなアプリが続々と出てますね。 こうなるとWebアプリやWebサイトもテーマに合わせたくなります。 今回、開発しているWebアプリ(テーマ切り替え機能自体は導入済み)でmacOSテーマに... 続きを読む
「エクスプローラー」のダークテーマが完成 ~「Windows 10 RS5」Build 17733が公開 - 窓の杜
AgileBits、デザインやフォントを刷新し、新しい1Password miniやD&Dをサポートした「1Password v7 for Mac」をリリース。 | AAPL Ch.
デザイン 1Password v7は新たにデザインを刷新し、ロック画面やVaults、アイテムの詳細エリアが明るくなりアイテムが見やすくなり、アイテム詳細エリアにそのアイテムがどのVaultに保存されているかを確認できるようになっています。 また、1Password v7ではアイコンやメニューバーアイコンの変更されており、メインウィンドウのサイドバーはダークテーマになっただけでなく以下の様な機能が... 続きを読む
ダークテーマやマルチカラム、新しいUIを採用したMac用Twitterクライアント「Tweetbot 3 for Twitter」がリリース。 | AAPL Ch.
ダークテーマやマルチカラム、新しいUIを採用したMac用Twitterクライアント「Tweetbot 3 for Twitter」がリリース。 2018/5/16 Tweetbot-for-Mac ダークテーマやマルチカラム、新しいUIを採用したMac用Twitterクライアント「Tweetbot 3 for Twitter」がリリースされています。詳細は以下から。 Mac/iOSデバイス用Twi... 続きを読む