Spyder: Spyderの新しいダークテーマを完全に実装する

@dalthviz 、ヘルププラグインを続行してください。 そのためには、3つのことが必要だと思います。

1. 背景色はQDarkStyleと同じにし、前景色は白のままにしておきましょう。
2. このテーマを確認してください： https ：
3. エディターのテーマではなく、インターフェイスのテーマが変更されたときに、ヘルプの豊富なCSSを変更する必要があります。

@dalthviz 、続行してください

• エディターウィジェット：
  
  
  
  • ファイルスイッチャーファイルリスト
  
  
  • シンボルファインダーの結果
  
  

と

• プリファレンステーブルの列：
  
  
  
  • キーボードショートカットの設定ペイン名列
  
  
  • 列を実行するLSPマネージャーコマンド
  
  

それらは非常に似ています。

そしてこれも

• ファイル内で検索結果

これらすべてが同じPRに含まれています。

@ ccordoba12 @dalthviz気付いたばかりですが、現在の作業バッチに入る必要がある場合に備えて、DataFrameEditorの[インデックス]列も暗いテーマではありません（インデックスが非表示になります）。

@ ccordoba12 @ CAM-修正すべきもう1つのことは、プラグインの切り離されたウィンドウへのスタイルシートの設定です。

たとえば、エディターの場合：

@dpizetta 、良い仕事を続けてください！ QDarkStyle 2.6.1では、状況は非常に良く見えています。

それはかなりきれいに見えます！ みなさんもお疲れ様でした！ 私はミニマリストのアイコンが好きです:)

今週もっと変更してもいいですか、それはさらに良くなるでしょう:)
タブ、ツールボタン、およびいくつかの詳細、v2.6.2。

丸みを帯びた角はトリックです、ハウハ...平らなものと混ざって奇妙に見えるものがたくさんあります。 バージョン3では、フラット、ラウンド、パレットの変更を設定するためのいくつかのオプションがあります。 最適な実装を探しています。

ありがとう ：）

どうもありがとう

@ CAM-Gerlach、スタイルの問題はここでは解決できないことを知っているので、QDarkStyleリポジトリで直接報告してください。

それは本当にあなたと私たちの時間の無駄です（アイコンのサイズ、貪欲な完成テキストなどについてあなたが開く問題のように）。

..。

プライベートチャットで返信しました。

報告。

@ ccordoba12これがSpyderなのかQDarkStyleなのかは

それはQDarkStyleのものです。 そこで報告してください。

これらの問題のあるウィジェットの子育てが正しいかどうかを確認できますか？

（その間、トップタブのないものは見栄えがします。例） `

そのため、スタイルが適用されない場合があります。 よろしければ、子供たちにスタイルを紹介することができます。 5月は、スタイルを取得できないダイアログやポップアップウィンドウで発生する問題のようなものです。

@dpizetta @ ccordoba12問題がキューに入れられていますが、それでも解決する必要があるかどうかをお知らせください。

@dpizetta 、そのダイアログの親は、ここに表示されているように、メインウィンドウです。

https://github.com/spyder-ide/spyder/blob/883a9bddc7307ae4600ea1a74f25133f87619dff/spyder/app/mainwindow.py#L2790 -L2795

（ selfはここのメインウィンドウです）。

@dpizetta @ ccordoba12問題がキューに入れられていますが、それでも解決する必要があるかどうかをお知らせください。

メンテナンスが複雑になるため、これらすべてのタイプのサブウィジェット（QStackedWidget QLineEditなど）をCSSに挿入することはお勧めできません。 CSSはカスケードモードで機能する必要がありますが、そのためには、すべての親が正しい必要があります。

@dpizetta 、そのダイアログの親は、ここに表示されているように、メインウィンドウです。

これにより、ダイアログウィジェットの問題が解決しました。現在、問題はQTabまたはQStacked内のQLineEditにあります。 私はあなたのコードを見ました、そして私はこれらのような行を見つけました：

内部のいくつかの主要なウィジェット

QLineEdit-これが問題である可能性があります

QtDesignerで編集する場合、すべてのウィジェットは親をメインウィジェットとして持ち、階層ではなくフラットスタイルであるため、機能する場合は単純化する必要があります。 ですから、それらすべてで_self_を参照することで、すべての問題も解決されると思います。 そのような問題が発生した場合、解決策は同じである可能性があり、それが最善の方法だと思います。 ＃8197に似ていますが、サブウィジェット用です。

やってみませんか？ どう思いますか？

@dpizetta 、役に立ちませんでした。 しかし、私はこれをqdarkstyleで見つけました：

https://github.com/ColinDuquesnoy/QDarkStyleSheet/blob/697b77f1f0975a26a2dd6322ff933823d3e23545/qdarkstyle/style.qss#L1212 -L1214

それで、おそらくそれが境界線が表示されない原因になっているのでしょうか？

試しましたが、うまくいきませんでした。 その行は、タブの内部ウィジェットの境界線を削除することです。 問題が発生する可能性があります。 12月5日まで、この問題に取り組む時間がありません。その後、私は戻ってきます。

わかりました、@ dpizettaに感謝します！

おかげで、上記のQDarkStyleセクションに追加しました。 それでもあそこに問題を開いてほしいですか？

また、カーネル接続ダイアログ（[コンソール]-> [既存のカーネルに接続]）でこの問題が見つかりました。[リモートカーネル]チェックボックスをオンにすると、正しく表示されます（QDarkStyleテーマを使用）。 そうでない場合（ユーザーが別のフィールドをクリックしたり、別のウィンドウやAlt-Tabにフォーカスしたりする場合）、通常のテーマの外観に戻ります。 他の場所のチェックボックスにはこの問題はなく、この特定の問題だけがあるため、おそらくそれはセクションタイトルか何かであることに関係しています。 SpyderまたはQDarkStyle？

対。

qdarstyleの問題が発生する可能性があります。 私がチェックします。

@ dpizetta 、Pythonパッケージからメインのqdarkstyleカラーを取得するにはどうすればよいですか？ テーマに合わせていくつかの調整を行う必要がありますが、Python 2（茶色）と3（青みがかった色）ではスキームが異なるため、ハードコードされた色を使用できないことに気付きました。

上記にリストされていないいくつかのより暗いテーマのもの、間違いなく今回はスナイダー関連：

• オプションアイコンはまだ暗いバージョンに変更されておらず、ほとんど見えません
• コンソールペインのコンテキストメニューの[環境変数の表示]および[システムパスの内容の表示]ダイアログは、他の変数エクスプローラーダイアログのように暗いテーマではありません。
• 新しい[外観]ペインの[Qtウィンドウスタイル]オプションは、暗いUIテーマでは効果がありません。 現在設定されているテーマ（手動または自動）が暗い場合は、それが機能しない理由についてユーザーを混乱させないように、無効にする必要があります。

• オプションアイコンはまだ暗いバージョンに変更されておらず、ほとんど見えません
• コンソールペインのコンテキストメニューの[環境変数の表示]および[システムパスの内容の表示]ダイアログは、他の変数エクスプローラーダイアログのように暗いテーマではありません。

PR＃8192でそれらに取り組んでいます。

新しい[外観]ペインの[Qtウィンドウスタイル]オプションは、暗いUIテーマでは効果がありません。

それは良いキャッチです、ありがとう！ @dalthviz 、テーマが暗い場合はこのオプションを無効にしてこれを解決してください（前述の@ CAM-Gerlachのように）。

PR＃8192でそれらに取り組んでいます。

申し訳ありませんが、上記のリストには表示されませんでした。また、そのPRの環境変数とsyspathビューアについては何も記載されていません。

コンソールへのSympyラテックス印刷は、現在、グラウンドテキストに黒の透明なpngを使用しています。 暗いテーマでこれを読むのは非常に難しいです：

この行を変更します：
https://github.com/spyder-ide/spyder/blob/9de287df78d6293a2323236c311d5007b254b300/spyder/plugins/ipythonconsole/widgets/shell.py#L284

解決策1

宛先：ダークテーマを使用する場合はinit_printing(forecolor="White")""" 。

ダークテーマを使用しているかどうかはどうすればわかりますか？
テーマが変更されるたびにinit_printingを実行する必要があります。

解決策2

宛先： init_printing(backcolor="White")"""

これは最も簡単な解決策ですが、インラインプロットが現在行っているのと同様に、白以外の背景テーマのテキストの周りに白いボックスが表示されます。

@bcolsenでは、実際のSymPyテキストの色を、構文テーマの「通常のテキスト」の色が変更されたときに設定されているものに変更する方法はありませんか？

Sympyはラテックスを使用してpngを作成し、カスタムカラーを定義するにはプリアンブル定義が必要なようですが、少なくとも、黒と白のどちらが必要かについてのガイドとして通常のテキストカラーを使用できます。

https://www.overleaf.com/learn/latex/Using_colours_in_LaTeX

ああ、ええ、私はいつもLaTeXを使用しているので、色がどのように機能するかを知っていますが、このコンテキストでカスタム色を定義する必要性については考えていませんでした。 いい視点ね。

さて、基本的に、Spyderが使用するロジックを使用して、構文テーマの背景に基づいて「自動」に設定したときにUIテーマを「暗い」にするか「明るい」にするかを決定できます。つまり、知覚的なミドルグレーよりも高い場合は、ディフォルト; 暗い場合はforecolor="White"ます。 ユーザーが現在の構文テーマに変更を適用するか、別のテーマを選択するたびに、それを確認して設定する必要があります。 そのプロセスは、私のマシンではすでに20秒以上かかるので、わずかな追加コストでも目立たないはずです。

@Ticonderogaは、ヘルプのテーブルヘッダー、たとえばscipy.optimizeのドキュメントでは、まだテーマがなく、白地に白で表示されていないことを指摘しました。 また、ヘルプのスクロールバーはまだ白く、テーマがないことに気づきました。 私はそれと私たちが最近議論した他のすべてを上記の投稿に追加しました。 スクリーンショット：

これがここで参照されるように、 @ dalthviz 、上記の問題を解決してください。

それで、私は再びここにいます、遅れてすみません。 今週は仕事をします。

それで、おそらくそれが境界線が表示されない原因になっているのでしょうか？

ここではより多くの人々がそれについて不平を言っています、問題の例は私が正しい場所を見つけるのを助けます＃123

おかげで、上記のQDarkStyleセクションに追加しました。 それでもあそこに問題を開いてほしいですか？

これも。

@ dpizetta 、Pythonパッケージからメインのqdarkstyleカラーを取得するにはどうすればよいですか？ テーマに合わせていくつかの調整を行う必要がありますが、Python 2（茶色）と3（青みがかった色）ではスキームが異なるため、ハードコードされた色を使用できないことに気付きました。

現在、プログラムで色を取得する方法はありません。これはバージョン3で予定されており、変更する可能性があります。 CSSの最初の行には、最新の色であるかどうかを確認する必要がある現在の色のテーブルがあります。

init_printing（backcolor = "White"） "" "

以前の問題も含めて、これらの色を変更する方法を作成するか、バージョン3のqdarkstyle機能から使用して、テーマが変更されると色が変化するようにすることをお勧めします。 この機能を提供するために一生懸命努力しますが、どれだけの時間を費やすかわかりません。 色を確認したらすぐに最初のアプローチを使用してください...最近。 知らせます。

ありがとう@dpizetta ！

init_printing（backcolor = "White"） "" "

実際、シンタックスハイライトの色は、UIテーマの色（「自動」UIテーマオプションと同じ方法を使用することを提案しただけです）ではなく、シンタックスハイライトのテーマの背景色（簡単に取得/確認できます）によって異なります。 LaTeX出力に白または黒の前景色を使用するかどうかを決定します。理想的には、LaTeXFGカラーにnormal textカラーを使用して、任意のテーマと一致するようにします（その色もたまたま白なので、それはすでにスパイダーダークで行います）、しかしそれは複雑さをたくさん追加するようです。

ここでより多くの人々がそれについて不平を言っています

素晴らしい！ 私たちの側には問題がないことを知っておくとよいでしょう。

現在、プログラムで色を取得する方法はありません。これはバージョン3で予定されています。

バージョン3はいつリリースする予定ですか？

実際、シンタックスハイライトの色は、UIテーマの色ではなく、シンタックスハイライトのテーマの背景色（簡単に取得/確認できます）によって異なります...

そうそう、私は条件を台無しにします、私はあなたに同意します:)

素晴らしい！ 私たちの側には問題がないことを知っておくとよいでしょう。

HAuhau ...それは私の番です:)

バージョン3はいつリリースする予定ですか？

2019年3月〜4月

ニュース：

• QTabWidget内のボーダレスウィジェットを修正しました-v2.6.5
• グループボックスはまだチェックしています。

@ dpizetta ＃8470で報告され、Windows8.1でPython3.6.7、QDarkStyle 2.6.5（ pip ）、Qt / PyQt 5.9.6 / 5.9.2でmasterツールバーボタンなどが実際にクリックされたときに視覚的なフィードバックがないため（通常のライトテーマの場合と同様）、ユーザーは視覚効果がすぐに発生しない限りアクションを確認できません。

また、おそらく関連して、トグルボタン（たとえば、Spyderの[ファイルで検索]ペインにあるボタンのほとんど）の場合、ボタンの状態（大文字と小文字を区別する、正規表現のオンまたはオフなど）が示されていないため、ボタンは実際には目に見えないように機能しますが、ユーザーは推測とチェックに頼る必要があります。

これはあなたの側で修正できるものですか？

変更ログv4.0ベータ版には

• インターフェイス全体にダークテーマを追加します。

しかし、私のWin10 spyder 4.0.0b1（condaと共にインストールされた）では、インターフェースセクションに新しい設定はありません。
追加のパッケージなどが必要ですか？

@yalovこれは、4.0 devの変更ログロードマップなどからわかるように、最初のダークテーマの実装とほとんどの作業はベータ2で行われ、残りのいくつかのビットと実装の最終的な完了はベータ3で固定されています。バージョン文字列からわかるように、ベータ1があります。ベータ2は数週間以内にリリースされるはずです。勇気がある場合は、Githubから開発バージョンを試すことができます。

Qdarkstyleは、名前変更コンソールのEditTabNamePopupには適用されません。 EditTabNamePopupのQLineEditの親がNoneであるためです。

class EditTabNamePopup(QLineEdit):
    """Popup on top of the tab to edit its name."""

    def __init__(self, parent, split_char, split_index):
        """Popup on top of the tab to edit its name."""

        # Variables
        # Parent (main)
        self.main = parent if parent is not None else self.parent()
        self.split_char = split_char
        self.split_index = split_index

        # Track which tab is being edited
        self.tab_index = None

        # Widget setup
        QLineEdit.__init__(self, parent=None)

@ ok97465 、そのためのPRを提出してください。

@ ccordoba12ありがとうございます。 夜にPRを提出します。

新しいアイテム：＃8616に示すように、ファイルスイッチャーの情報アイコンはテーマ化されていません。

@ dpizetta ＃8470で報告され、Windows8.1でPython3.6.7、QDarkStyle 2.6.5（ pip ）、Qt / PyQt 5.9.6 / 5.9.2でmasterツールバーボタンなどが実際にクリックされたときに視覚的なフィードバックがないため（通常のライトテーマの場合と同様）、ユーザーは視覚効果がすぐに発生しない限りアクションを確認できません。

また、おそらく関連して、トグルボタン（たとえば、Spyderの[ファイルで検索]ペインにあるボタンのほとんど）の場合、ボタンの状態（大文字と小文字を区別する、正規表現のオンまたはオフなど）が示されていないため、ボタンは実際には目に見えないように機能しますが、ユーザーは推測とチェックに頼る必要があります。

これはあなたの側で修正できるものですか？

こんにちは@ CAM-Gerlach、私は次の日にそれに対処することができます。 Tks！

ここで質問して申し訳ありませんが、現在のスパイダーIDEにダークテーマを追加するにはどうすればよいですか？anacondaを介してインストールし、コーディングに関連するほとんどすべてのことの初心者です。linuxmint19.1を使用しています。誰かが私をガイドできますか？

数ヶ月以内にリリースされる開発バージョンでのみ利用可能です

情報をありがとう。
それで、現在のスパイダーバージョンにインストールする方法はありますか？そうでない場合は、新しいバージョンがいつリリースされますか？

それで、私の現在のスパイダーバージョンにそれをインストールする方法はありますか？

いいえ。 @ goanpecaが言ったように、 It is only available on the development version

そうでない場合は、新しいバージョンがいつリリースされますか？

繰り返しますが、 @ goanpecaの返信を読むと、 be released in some monthsます。

また、Spyder 4 Beta 2でも利用可能になります。これはほぼ完成しており、まもなくリリースされる予定です。 今すぐ試してみたい場合は、開発バージョンを自分でことは難しくありません。 ただし、それほど遠くないはずのBeta2の公式リリースを待つ方がよいでしょう。 ありがとう。

情報をありがとう私はリリースを待ちます：D

待ちきれません！ どうもありがとう！

@ ccordoba12 @dpizettaおそらく残っている最大の問題（特定のSpyder機能の使いやすさを著しく損なうという点でUXに大きな影響を与える）は、トグルボタン（正規表現モードや検索と大文字と小文字を区別するなど）かどうかを判断することがほとんど不可能なことです。 [置換]ウィジェットや[ファイル内の検索]ペインなど）が有効または無効になっており、ユーザーが期待するものとは逆になっているように見えます。 例：

無効：

有効：

したがって、たとえば、有効にしたときに、はるかに太くて明るい白または青で輪郭を描くか、アイコンを青に着色してボタンがオンになっていることを示すのが賢明なように思われます。 これはSpyder側で修正できるものですか、それともテーマ自体で修正する必要がありますか？ ありがとう！

こんにちは@ CAM-Gerlachこれらのボタンはツールバーのようで、透明ですが、アクティブにすると、背景色に変わります。これは、そこにあるあなたの色です。 この場合、両方の色は同じです。 差し迫ったイベントが発生しているとき、それらは境界線で青く見えると思います。 アクティブにしないときは色（明るい）を、アクティブにしたときは別の色（暗い）を付けようとしましたが、インターフェイスが見苦しくなりました。

改善するために行うことができるいくつかの変更があります（Qdarksytleおよび/またはSpyder）：

• 背景色（バー全体）を境界線と同じ色に変更します。 したがって、ツールバーが再現されます。ボタンが配置されている背景がどのウィジェットであるかを知る必要があります。 国境がたくさんあるので、これは良い選択肢だと思います。 インターフェース全体を試して、それが良いかどうかを確認する必要があります。
  このようなもの（obs。：ボタンが正しくありません）

• テキストだけの場合はボタンではないと思われるかもしれませんが、もちろんアクティブにすると問題が発生するため、アクティブになっていないときにボーダーライトを配置しました。 あなたの提案は素晴らしいです、私たちはアクティブ化されていないときは明るい線を使用し、アクティブ化されているときは暗い線を使用することができます。 押しボタンから色を試すことができます。

通常のスタイルでは、プッシュボタンと同じです。

アイデア？ @ ccordoba12 @goanpeca @ CAM-Gerlach Tks

ここで透明なボタンについて話すと、先日、エディターのタブ矢印（Linuxの場合）でこれを見つけたことを思い出しました。

再現するには、バーに収まるよりも多くのタブを開く必要があります。 他の誰かがこれを手に入れますか？

@bcolsenこれはWindowsでも確認できます。 （Qt 5.9.7）。

タブについては、最新バージョン2.6.8で修正されているはずです。 どのqdarkstyleバージョンを使用していますか？

ツールバーボタンに関する@ CAM-Gerlachの懸念を支持します。 アウトラインだけでなく、より目に見える/目に見える方法で変更する必要があると思います。 私はそれが十分に明確ではないと思います（VSCodeのような他のツールがこれを行ったとしても）

（これは十分に明確ではないと思います。マウスポインタをそこに移動しなくても何かをクリックできることを知りたいです）

@dpizettaこれらの小さな調整に対処するために、基本的な9色パレットに加えて明るい色と暗い色を追加するためにSASSの力を使い始める必要があると思います。
https://sass-lang.com/documentation/functions

私はそれが十分に明確ではないと思います（VSCodeのような他のツールがこれを行ったとしても）

私は同意しますが、VSCodeの外観でさえ、現在の外観よりも明確であり、それを伝えることは事実上不可能であり、「後方」に見えます。 ただし、理想的には、ボタン全体を別の、理想的には暗い色にして、ボタンが押されていることを明確にします（ツールバーの照明が必要になる場合があります）。

2.6.7はspyder-ideの最新版ですが、それをアンインストールしてpipから2.6.8をインストールすると、矢印の問題は実際に解決されます。 @ ccordoba12 spyder-ide 2.6.8を取得し、ベータ2でそれを要求できますか？

あなたはそれをcondaforgeに追加することを意味します:-p？

@goanpecaいいえ、すでに2.6.8にあります。

spyder-ideで2.6.8を取得できますか

終わり。

私がしばらく気付いたもう1つの問題：エラー/警告などを表示する右側のサイドバー。 ドキュメント全体のマーカーはスクロールバーに一致するようにオフセットされていないため、スクロールバーは表示する必要があるインジケーターとしては使用できません。 光のテーマを比較します。

エラー/警告などを表示する右側のサイドバー。 ドキュメント全体のマーカーはスクロールバーに一致するようにオフセットされていないため、スクロールバーは表示する必要があるインジケーターとしては使用できません。

これはダークテーマとは何の関係もありません。 それについての新しい問題を開いてください。

@ ccordoba12新しい号を開きましたが、かなり混乱しています。 暗いUIテーマでのみ発生するUIの問題にnothing to do with the dark themeがあることを説明できますか？

上のスクリーンショットが示すように、テーマに関係なく、エディターの背景が暗いときに発生するためです。

アップ、申し訳ありませんが、私はあなたのコメントを完全に読んでいませんでした。 どちらのテーマにも問題があると思いました。 いかなる場合でも。 Sympy出力の前景色を修正した後でこのバグを閉じるので、新しい問題を開くことをお勧めします。

アップス、申し訳ありませんが、私はあなたのコメントを完全に読んでいませんでした

問題ありません、私たちは皆、物事を見逃しています。 今回は自分なのかわからなかった。

いかなる場合でも。 Sympy出力の前景色を修正した後、このバグを閉じるので、新しい問題を開くことをお勧めします

さて、あなたがそうしないように私に言ったので、私は以前それを避けていました。 だから私も新しい問題を開く必要があります

• []ファイルスイッチャーの「情報」アイコンがテーマになっていない

そして、 @ dpizettaが私が理解しているようにどちらかで解決できると言ったので、最善の行動

• []トグルアイコン（正規表現、大文字と小文字を区別）がアクティブか非アクティブか（SpyderまたはQDarkstyle）を区別できない問題を修正

？

私はすでにそれらのケースをカバーするために説明を編集しました、上記を見てください。

@ ccordoba12わかりました、ありがとう。 自分で編集しているときに、同じような効果で更新されているのがわかりませんでした。 すでにここにスクリーンショットを投稿しているので、それを新しい号にコピーします。

@dpizettaここからのコンテンツのトグルアイコンの問題について、QDarkStyleで問題を開いてほしいですか、それともすでに処理していますか？ ありがとう！

@dpizettaここからのコンテンツのトグルアイコンの問題について、QDarkStyleで問題を開いてほしいですか、それともすでに処理していますか？ ありがとう！

@ CAM-Gerlach、私はすでにこれに取り組んでいます。 今のところ、最新バージョンのvscodeのようにチェックしたときに、境界線を強調表示したままにするのが妥当なオプションです。 私たち（@goanpeca）は、将来、scssで他のオプションを試すことができます。

@dpizettaありがとう。 あなたの直接の要求に従って、私はそこで問題を開きました。

ダークテーマの修正はバージョン4でリリースされるため、現在のバージョンの回避策を考えました。 現在の唯一の問題は、ウィンドウ内のアイコンの色にあるようです。 ソースファイルを調べたところ、spyder3テーマのアイコンがdirectory_of_spyder / spyder / utils /icon_manager.pyで構成されていることがわかりました。 （pipを介してインストールした場合、spyderのディレクトリは/lib/python3.7/site-packages/です）。 必要に応じてパラメーターcolorwhiteを追加して、変数_qtaargsを変更しました。 最終結果は下の写真のようになります。

ダークモードは、ヘルプとQtドキュメントの一部を除いて、どこでも完全に機能します。 変更したicon_manager.pyファイルを添付しました。
icon_manager.py

乾杯！

現在のバージョンの回避策を考えました

申し訳ありませんが、現在のバージョンでは回避策は追加されません。

問題＃9545を除いて、これは終了したと言えます。

Spyderのダークテーマの実現に貢献してくれたすべての人に感謝します！

ちなみに、ダークテーマについてさらに問題が見つかった場合は、別の問題として報告してください。