From ccbdce4d76d5713081f8a3b3f8ac3e40950d326f Mon Sep 17 00:00:00 2001 From: andoriyaprashant Date: Tue, 25 Mar 2025 00:42:46 +0530 Subject: [PATCH 1/4] toolbarcss --- .../static/debug_toolbar/css/toolbar.css | 537 ++++++++++++++++-- 1 file changed, 495 insertions(+), 42 deletions(-) diff --git a/debug_toolbar/static/debug_toolbar/css/toolbar.css b/debug_toolbar/static/debug_toolbar/css/toolbar.css index 3d0d34e6c..14770f246 100644 --- a/debug_toolbar/static/debug_toolbar/css/toolbar.css +++ b/debug_toolbar/static/debug_toolbar/css/toolbar.css @@ -36,49 +36,502 @@ } @media (prefers-color-scheme: dark) { - :root { - --djdt-font-color: #f8f8f2; - --djdt-background-color: #1e293bff; - --djdt-panel-content-background-color: #0f1729ff; - --djdt-panel-title-background-color: #242432; - --djdt-djdt-panel-content-table-strip-background-color: #324154ff; - --djdt--highlighted-background-color: #2c2a7dff; - --djdt-toggle-template-background-color: #282755; - - --djdt-sql-font-color: var(--djdt-font-color); - --djdt-pre-text-color: var(--djdt-font-color); - --djdt-path-and-locals: #65758cff; - --djdt-stack-span-color: #7c8fa4; - --djdt-template-highlight-color: var(--djdt-stack-span-color); - - --djdt-table-border-color: #324154ff; - --djdt-button-border-color: var(--djdt-table-border-color); - --djdt-pre-border-color: var(--djdt-table-border-color); - --djdt-raw-border-color: var(--djdt-table-border-color); + :root { + #djDebug .highlight .hll { + background-color: #f1fa8c; + } + #djDebug .highlight { + background: #282a36; + color: #f8f8f2; + } + #djDebug .highlight .c { + color: #6272a4; + } /* Comment */ + #djDebug .highlight .err { + color: #f8f8f2; + } /* Error */ + #djDebug .highlight .g { + color: #f8f8f2; + } /* Generic */ + #djDebug .highlight .k { + color: #ff79c6; + } /* Keyword */ + #djDebug .highlight .l { + color: #f8f8f2; + } /* Literal */ + #djDebug .highlight .n { + color: #f8f8f2; + } /* Name */ + #djDebug .highlight .o { + color: #ff79c6; + } /* Operator */ + #djDebug .highlight .x { + color: #f8f8f2; + } /* Other */ + #djDebug .highlight .p { + color: #f8f8f2; + } /* Punctuation */ + #djDebug .highlight .ch { + color: #6272a4; + } /* Comment.Hashbang */ + #djDebug .highlight .cm { + color: #6272a4; + } /* Comment.Multiline */ + #djDebug .highlight .cp { + color: #ff79c6; + } /* Comment.Preproc */ + #djDebug .highlight .cpf { + color: #6272a4; + } /* Comment.PreprocFile */ + #djDebug .highlight .c1 { + color: #6272a4; + } /* Comment.Single */ + #djDebug .highlight .cs { + color: #6272a4; + } /* Comment.Special */ + #djDebug .highlight .gd { + color: #8b080b; + } /* Generic.Deleted */ + #djDebug .highlight .ge { + color: #f8f8f2; + text-decoration: underline; + } /* Generic.Emph */ + #djDebug .highlight .gr { + color: #f8f8f2; + } /* Generic.Error */ + #djDebug .highlight .gh { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Heading */ + #djDebug .highlight .gi { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Inserted */ + #djDebug .highlight .go { + color: #44475a; + } /* Generic.Output */ + #djDebug .highlight .gp { + color: #f8f8f2; + } /* Generic.Prompt */ + #djDebug .highlight .gs { + color: #f8f8f2; + } /* Generic.Strong */ + #djDebug .highlight .gu { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Subheading */ + #djDebug .highlight .gt { + color: #f8f8f2; + } /* Generic.Traceback */ + #djDebug .highlight .kc { + color: #ff79c6; + } /* Keyword.Constant */ + #djDebug .highlight .kd { + color: #8be9fd; + font-style: italic; + } /* Keyword.Declaration */ + #djDebug .highlight .kn { + color: #ff79c6; + } /* Keyword.Namespace */ + #djDebug .highlight .kp { + color: #ff79c6; + } /* Keyword.Pseudo */ + #djDebug .highlight .kr { + color: #ff79c6; + } /* Keyword.Reserved */ + #djDebug .highlight .kt { + color: #8be9fd; + } /* Keyword.Type */ + #djDebug .highlight .ld { + color: #f8f8f2; + } /* Literal.Date */ + #djDebug .highlight .m { + color: #bd93f9; + } /* Literal.Number */ + #djDebug .highlight .s { + color: #f1fa8c; + } /* Literal.String */ + #djDebug .highlight .na { + color: #50fa7b; + } /* Name.Attribute */ + #djDebug .highlight .nb { + color: #8be9fd; + font-style: italic; + } /* Name.Builtin */ + #djDebug .highlight .nc { + color: #50fa7b; + } /* Name.Class */ + #djDebug .highlight .no { + color: #f8f8f2; + } /* Name.Constant */ + #djDebug .highlight .nd { + color: #f8f8f2; + } /* Name.Decorator */ + #djDebug .highlight .ni { + color: #f8f8f2; + } /* Name.Entity */ + #djDebug .highlight .ne { + color: #f8f8f2; + } /* Name.Exception */ + #djDebug .highlight .nf { + color: #50fa7b; + } /* Name.Function */ + #djDebug .highlight .nl { + color: #8be9fd; + font-style: italic; + } /* Name.Label */ + #djDebug .highlight .nn { + color: #f8f8f2; + } /* Name.Namespace */ + #djDebug .highlight .nx { + color: #f8f8f2; + } /* Name.Other */ + #djDebug .highlight .py { + color: #f8f8f2; + } /* Name.Property */ + #djDebug .highlight .nt { + color: #ff79c6; + } /* Name.Tag */ + #djDebug .highlight .nv { + color: #8be9fd; + font-style: italic; + } /* Name.Variable */ + #djDebug .highlight .ow { + color: #ff79c6; + } /* Operator.Word */ + #djDebug .highlight .w { + color: #f8f8f2; + } /* Text.Whitespace */ + #djDebug .highlight .mb { + color: #bd93f9; + } /* Literal.Number.Bin */ + #djDebug .highlight .mf { + color: #bd93f9; + } /* Literal.Number.Float */ + #djDebug .highlight .mh { + color: #bd93f9; + } /* Literal.Number.Hex */ + #djDebug .highlight .mi { + color: #bd93f9; + } /* Literal.Number.Integer */ + #djDebug .highlight .mo { + color: #bd93f9; + } /* Literal.Number.Oct */ + #djDebug .highlight .sa { + color: #f1fa8c; + } /* Literal.String.Affix */ + #djDebug .highlight .sb { + color: #f1fa8c; + } /* Literal.String.Backtick */ + #djDebug .highlight .sc { + color: #f1fa8c; + } /* Literal.String.Char */ + #djDebug .highlight .dl { + color: #f1fa8c; + } /* Literal.String.Delimiter */ + #djDebug .highlight .sd { + color: #f1fa8c; + } /* Literal.String.Doc */ + #djDebug .highlight .s2 { + color: #f1fa8c; + } /* Literal.String.Double */ + #djDebug .highlight .se { + color: #f1fa8c; + } /* Literal.String.Escape */ + #djDebug .highlight .sh { + color: #f1fa8c; + } /* Literal.String.Heredoc */ + #djDebug .highlight .si { + color: #f1fa8c; + } /* Literal.String.Interpol */ + #djDebug .highlight .sx { + color: #f1fa8c; + } /* Literal.String.Other */ + #djDebug .highlight .sr { + color: #f1fa8c; + } /* Literal.String.Regex */ + #djDebug .highlight .s1 { + color: #f1fa8c; + } /* Literal.String.Single */ + #djDebug .highlight .ss { + color: #f1fa8c; + } /* Literal.String.Symbol */ + #djDebug .highlight .bp { + color: #f8f8f2; + font-style: italic; + } /* Name.Builtin.Pseudo */ + #djDebug .highlight .fm { + color: #50fa7b; + } /* Name.Function.Magic */ + #djDebug .highlight .vc { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Class */ + #djDebug .highlight .vg { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Global */ + #djDebug .highlight .vi { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Instance */ + #djDebug .highlight .vm { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Magic */ + #djDebug .highlight .il { + color: #bd93f9; + } /* Literal.Number.Integer.Long */ + } + } + + #djDebug[data-theme="dark"] { + #djDebug .highlight .hll { + background-color: #f1fa8c; + } + #djDebug .highlight { + background: #282a36; + color: #f8f8f2; + } + #djDebug .highlight .c { + color: #6272a4; + } /* Comment */ + #djDebug .highlight .err { + color: #f8f8f2; + } /* Error */ + #djDebug .highlight .g { + color: #f8f8f2; + } /* Generic */ + #djDebug .highlight .k { + color: #ff79c6; + } /* Keyword */ + #djDebug .highlight .l { + color: #f8f8f2; + } /* Literal */ + #djDebug .highlight .n { + color: #f8f8f2; + } /* Name */ + #djDebug .highlight .o { + color: #ff79c6; + } /* Operator */ + #djDebug .highlight .x { + color: #f8f8f2; + } /* Other */ + #djDebug .highlight .p { + color: #f8f8f2; + } /* Punctuation */ + #djDebug .highlight .ch { + color: #6272a4; + } /* Comment.Hashbang */ + #djDebug .highlight .cm { + color: #6272a4; + } /* Comment.Multiline */ + #djDebug .highlight .cp { + color: #ff79c6; + } /* Comment.Preproc */ + #djDebug .highlight .cpf { + color: #6272a4; + } /* Comment.PreprocFile */ + #djDebug .highlight .c1 { + color: #6272a4; + } /* Comment.Single */ + #djDebug .highlight .cs { + color: #6272a4; + } /* Comment.Special */ + #djDebug .highlight .gd { + color: #8b080b; + } /* Generic.Deleted */ + #djDebug .highlight .ge { + color: #f8f8f2; + text-decoration: underline; + } /* Generic.Emph */ + #djDebug .highlight .gr { + color: #f8f8f2; + } /* Generic.Error */ + #djDebug .highlight .gh { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Heading */ + #djDebug .highlight .gi { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Inserted */ + #djDebug .highlight .go { + color: #44475a; + } /* Generic.Output */ + #djDebug .highlight .gp { + color: #f8f8f2; + } /* Generic.Prompt */ + #djDebug .highlight .gs { + color: #f8f8f2; + } /* Generic.Strong */ + #djDebug .highlight .gu { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Subheading */ + #djDebug .highlight .gt { + color: #f8f8f2; + } /* Generic.Traceback */ + #djDebug .highlight .kc { + color: #ff79c6; + } /* Keyword.Constant */ + #djDebug .highlight .kd { + color: #8be9fd; + font-style: italic; + } /* Keyword.Declaration */ + #djDebug .highlight .kn { + color: #ff79c6; + } /* Keyword.Namespace */ + #djDebug .highlight .kp { + color: #ff79c6; + } /* Keyword.Pseudo */ + #djDebug .highlight .kr { + color: #ff79c6; + } /* Keyword.Reserved */ + #djDebug .highlight .kt { + color: #8be9fd; + } /* Keyword.Type */ + #djDebug .highlight .ld { + color: #f8f8f2; + } /* Literal.Date */ + #djDebug .highlight .m { + color: #bd93f9; + } /* Literal.Number */ + #djDebug .highlight .s { + color: #f1fa8c; + } /* Literal.String */ + #djDebug .highlight .na { + color: #50fa7b; + } /* Name.Attribute */ + #djDebug .highlight .nb { + color: #8be9fd; + font-style: italic; + } /* Name.Builtin */ + #djDebug .highlight .nc { + color: #50fa7b; + } /* Name.Class */ + #djDebug .highlight .no { + color: #f8f8f2; + } /* Name.Constant */ + #djDebug .highlight .nd { + color: #f8f8f2; + } /* Name.Decorator */ + #djDebug .highlight .ni { + color: #f8f8f2; + } /* Name.Entity */ + #djDebug .highlight .ne { + color: #f8f8f2; + } /* Name.Exception */ + #djDebug .highlight .nf { + color: #50fa7b; + } /* Name.Function */ + #djDebug .highlight .nl { + color: #8be9fd; + font-style: italic; + } /* Name.Label */ + #djDebug .highlight .nn { + color: #f8f8f2; + } /* Name.Namespace */ + #djDebug .highlight .nx { + color: #f8f8f2; + } /* Name.Other */ + #djDebug .highlight .py { + color: #f8f8f2; + } /* Name.Property */ + #djDebug .highlight .nt { + color: #ff79c6; + } /* Name.Tag */ + #djDebug .highlight .nv { + color: #8be9fd; + font-style: italic; + } /* Name.Variable */ + #djDebug .highlight .ow { + color: #ff79c6; + } /* Operator.Word */ + #djDebug .highlight .w { + color: #f8f8f2; + } /* Text.Whitespace */ + #djDebug .highlight .mb { + color: #bd93f9; + } /* Literal.Number.Bin */ + #djDebug .highlight .mf { + color: #bd93f9; + } /* Literal.Number.Float */ + #djDebug .highlight .mh { + color: #bd93f9; + } /* Literal.Number.Hex */ + #djDebug .highlight .mi { + color: #bd93f9; + } /* Literal.Number.Integer */ + #djDebug .highlight .mo { + color: #bd93f9; + } /* Literal.Number.Oct */ + #djDebug .highlight .sa { + color: #f1fa8c; + } /* Literal.String.Affix */ + #djDebug .highlight .sb { + color: #f1fa8c; + } /* Literal.String.Backtick */ + #djDebug .highlight .sc { + color: #f1fa8c; + } /* Literal.String.Char */ + #djDebug .highlight .dl { + color: #f1fa8c; + } /* Literal.String.Delimiter */ + #djDebug .highlight .sd { + color: #f1fa8c; + } /* Literal.String.Doc */ + #djDebug .highlight .s2 { + color: #f1fa8c; + } /* Literal.String.Double */ + #djDebug .highlight .se { + color: #f1fa8c; + } /* Literal.String.Escape */ + #djDebug .highlight .sh { + color: #f1fa8c; + } /* Literal.String.Heredoc */ + #djDebug .highlight .si { + color: #f1fa8c; + } /* Literal.String.Interpol */ + #djDebug .highlight .sx { + color: #f1fa8c; + } /* Literal.String.Other */ + #djDebug .highlight .sr { + color: #f1fa8c; + } /* Literal.String.Regex */ + #djDebug .highlight .s1 { + color: #f1fa8c; + } /* Literal.String.Single */ + #djDebug .highlight .ss { + color: #f1fa8c; + } /* Literal.String.Symbol */ + #djDebug .highlight .bp { + color: #f8f8f2; + font-style: italic; + } /* Name.Builtin.Pseudo */ + #djDebug .highlight .fm { + color: #50fa7b; + } /* Name.Function.Magic */ + #djDebug .highlight .vc { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Class */ + #djDebug .highlight .vg { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Global */ + #djDebug .highlight .vi { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Instance */ + #djDebug .highlight .vm { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Magic */ + #djDebug .highlight .il { + color: #bd93f9; + } /* Literal.Number.Integer.Long */ } -} - -#djDebug[data-theme="dark"] { - --djdt-font-color: #8393a7; - --djdt-background-color: #1e293bff; - --djdt-panel-content-background-color: #0f1729ff; - --djdt-panel-content-table-background-color: var(--djdt-background-color); - --djdt-panel-title-background-color: #242432; - --djdt-djdt-panel-content-table-strip-background-color: #324154ff; - --djdt--highlighted-background-color: #2c2a7dff; - --djdt-toggle-template-background-color: #282755; - - --djdt-sql-font-color: var(--djdt-font-color); - --djdt-pre-text-color: var(--djdt-font-color); - --djdt-path-and-locals: #65758cff; - --djdt-stack-span-color: #7c8fa4; - --djdt-template-highlight-color: var(--djdt-stack-span-color); - - --djdt-table-border-color: #324154ff; - --djdt-button-border-color: var(--djdt-table-border-color); - --djdt-pre-border-color: var(--djdt-table-border-color); - --djdt-raw-border-color: var(--djdt-table-border-color); -} /* Debug Toolbar CSS Reset, adapted from Eric Meyer's CSS Reset */ #djDebug { From 6801584556ed5566937ec0e5d987ee2817282af1 Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Mon, 24 Mar 2025 19:23:12 +0000 Subject: [PATCH 2/4] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- .../static/debug_toolbar/css/toolbar.css | 500 +++++++++--------- 1 file changed, 250 insertions(+), 250 deletions(-) diff --git a/debug_toolbar/static/debug_toolbar/css/toolbar.css b/debug_toolbar/static/debug_toolbar/css/toolbar.css index 14770f246..30f3b7d41 100644 --- a/debug_toolbar/static/debug_toolbar/css/toolbar.css +++ b/debug_toolbar/static/debug_toolbar/css/toolbar.css @@ -36,256 +36,7 @@ } @media (prefers-color-scheme: dark) { - :root { - #djDebug .highlight .hll { - background-color: #f1fa8c; - } - #djDebug .highlight { - background: #282a36; - color: #f8f8f2; - } - #djDebug .highlight .c { - color: #6272a4; - } /* Comment */ - #djDebug .highlight .err { - color: #f8f8f2; - } /* Error */ - #djDebug .highlight .g { - color: #f8f8f2; - } /* Generic */ - #djDebug .highlight .k { - color: #ff79c6; - } /* Keyword */ - #djDebug .highlight .l { - color: #f8f8f2; - } /* Literal */ - #djDebug .highlight .n { - color: #f8f8f2; - } /* Name */ - #djDebug .highlight .o { - color: #ff79c6; - } /* Operator */ - #djDebug .highlight .x { - color: #f8f8f2; - } /* Other */ - #djDebug .highlight .p { - color: #f8f8f2; - } /* Punctuation */ - #djDebug .highlight .ch { - color: #6272a4; - } /* Comment.Hashbang */ - #djDebug .highlight .cm { - color: #6272a4; - } /* Comment.Multiline */ - #djDebug .highlight .cp { - color: #ff79c6; - } /* Comment.Preproc */ - #djDebug .highlight .cpf { - color: #6272a4; - } /* Comment.PreprocFile */ - #djDebug .highlight .c1 { - color: #6272a4; - } /* Comment.Single */ - #djDebug .highlight .cs { - color: #6272a4; - } /* Comment.Special */ - #djDebug .highlight .gd { - color: #8b080b; - } /* Generic.Deleted */ - #djDebug .highlight .ge { - color: #f8f8f2; - text-decoration: underline; - } /* Generic.Emph */ - #djDebug .highlight .gr { - color: #f8f8f2; - } /* Generic.Error */ - #djDebug .highlight .gh { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Heading */ - #djDebug .highlight .gi { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Inserted */ - #djDebug .highlight .go { - color: #44475a; - } /* Generic.Output */ - #djDebug .highlight .gp { - color: #f8f8f2; - } /* Generic.Prompt */ - #djDebug .highlight .gs { - color: #f8f8f2; - } /* Generic.Strong */ - #djDebug .highlight .gu { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Subheading */ - #djDebug .highlight .gt { - color: #f8f8f2; - } /* Generic.Traceback */ - #djDebug .highlight .kc { - color: #ff79c6; - } /* Keyword.Constant */ - #djDebug .highlight .kd { - color: #8be9fd; - font-style: italic; - } /* Keyword.Declaration */ - #djDebug .highlight .kn { - color: #ff79c6; - } /* Keyword.Namespace */ - #djDebug .highlight .kp { - color: #ff79c6; - } /* Keyword.Pseudo */ - #djDebug .highlight .kr { - color: #ff79c6; - } /* Keyword.Reserved */ - #djDebug .highlight .kt { - color: #8be9fd; - } /* Keyword.Type */ - #djDebug .highlight .ld { - color: #f8f8f2; - } /* Literal.Date */ - #djDebug .highlight .m { - color: #bd93f9; - } /* Literal.Number */ - #djDebug .highlight .s { - color: #f1fa8c; - } /* Literal.String */ - #djDebug .highlight .na { - color: #50fa7b; - } /* Name.Attribute */ - #djDebug .highlight .nb { - color: #8be9fd; - font-style: italic; - } /* Name.Builtin */ - #djDebug .highlight .nc { - color: #50fa7b; - } /* Name.Class */ - #djDebug .highlight .no { - color: #f8f8f2; - } /* Name.Constant */ - #djDebug .highlight .nd { - color: #f8f8f2; - } /* Name.Decorator */ - #djDebug .highlight .ni { - color: #f8f8f2; - } /* Name.Entity */ - #djDebug .highlight .ne { - color: #f8f8f2; - } /* Name.Exception */ - #djDebug .highlight .nf { - color: #50fa7b; - } /* Name.Function */ - #djDebug .highlight .nl { - color: #8be9fd; - font-style: italic; - } /* Name.Label */ - #djDebug .highlight .nn { - color: #f8f8f2; - } /* Name.Namespace */ - #djDebug .highlight .nx { - color: #f8f8f2; - } /* Name.Other */ - #djDebug .highlight .py { - color: #f8f8f2; - } /* Name.Property */ - #djDebug .highlight .nt { - color: #ff79c6; - } /* Name.Tag */ - #djDebug .highlight .nv { - color: #8be9fd; - font-style: italic; - } /* Name.Variable */ - #djDebug .highlight .ow { - color: #ff79c6; - } /* Operator.Word */ - #djDebug .highlight .w { - color: #f8f8f2; - } /* Text.Whitespace */ - #djDebug .highlight .mb { - color: #bd93f9; - } /* Literal.Number.Bin */ - #djDebug .highlight .mf { - color: #bd93f9; - } /* Literal.Number.Float */ - #djDebug .highlight .mh { - color: #bd93f9; - } /* Literal.Number.Hex */ - #djDebug .highlight .mi { - color: #bd93f9; - } /* Literal.Number.Integer */ - #djDebug .highlight .mo { - color: #bd93f9; - } /* Literal.Number.Oct */ - #djDebug .highlight .sa { - color: #f1fa8c; - } /* Literal.String.Affix */ - #djDebug .highlight .sb { - color: #f1fa8c; - } /* Literal.String.Backtick */ - #djDebug .highlight .sc { - color: #f1fa8c; - } /* Literal.String.Char */ - #djDebug .highlight .dl { - color: #f1fa8c; - } /* Literal.String.Delimiter */ - #djDebug .highlight .sd { - color: #f1fa8c; - } /* Literal.String.Doc */ - #djDebug .highlight .s2 { - color: #f1fa8c; - } /* Literal.String.Double */ - #djDebug .highlight .se { - color: #f1fa8c; - } /* Literal.String.Escape */ - #djDebug .highlight .sh { - color: #f1fa8c; - } /* Literal.String.Heredoc */ - #djDebug .highlight .si { - color: #f1fa8c; - } /* Literal.String.Interpol */ - #djDebug .highlight .sx { - color: #f1fa8c; - } /* Literal.String.Other */ - #djDebug .highlight .sr { - color: #f1fa8c; - } /* Literal.String.Regex */ - #djDebug .highlight .s1 { - color: #f1fa8c; - } /* Literal.String.Single */ - #djDebug .highlight .ss { - color: #f1fa8c; - } /* Literal.String.Symbol */ - #djDebug .highlight .bp { - color: #f8f8f2; - font-style: italic; - } /* Name.Builtin.Pseudo */ - #djDebug .highlight .fm { - color: #50fa7b; - } /* Name.Function.Magic */ - #djDebug .highlight .vc { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Class */ - #djDebug .highlight .vg { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Global */ - #djDebug .highlight .vi { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Instance */ - #djDebug .highlight .vm { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Magic */ - #djDebug .highlight .il { - color: #bd93f9; - } /* Literal.Number.Integer.Long */ - } - } - - #djDebug[data-theme="dark"] { + :root { #djDebug .highlight .hll { background-color: #f1fa8c; } @@ -532,6 +283,255 @@ color: #bd93f9; } /* Literal.Number.Integer.Long */ } +} + +#djDebug[data-theme="dark"] { + #djDebug .highlight .hll { + background-color: #f1fa8c; + } + #djDebug .highlight { + background: #282a36; + color: #f8f8f2; + } + #djDebug .highlight .c { + color: #6272a4; + } /* Comment */ + #djDebug .highlight .err { + color: #f8f8f2; + } /* Error */ + #djDebug .highlight .g { + color: #f8f8f2; + } /* Generic */ + #djDebug .highlight .k { + color: #ff79c6; + } /* Keyword */ + #djDebug .highlight .l { + color: #f8f8f2; + } /* Literal */ + #djDebug .highlight .n { + color: #f8f8f2; + } /* Name */ + #djDebug .highlight .o { + color: #ff79c6; + } /* Operator */ + #djDebug .highlight .x { + color: #f8f8f2; + } /* Other */ + #djDebug .highlight .p { + color: #f8f8f2; + } /* Punctuation */ + #djDebug .highlight .ch { + color: #6272a4; + } /* Comment.Hashbang */ + #djDebug .highlight .cm { + color: #6272a4; + } /* Comment.Multiline */ + #djDebug .highlight .cp { + color: #ff79c6; + } /* Comment.Preproc */ + #djDebug .highlight .cpf { + color: #6272a4; + } /* Comment.PreprocFile */ + #djDebug .highlight .c1 { + color: #6272a4; + } /* Comment.Single */ + #djDebug .highlight .cs { + color: #6272a4; + } /* Comment.Special */ + #djDebug .highlight .gd { + color: #8b080b; + } /* Generic.Deleted */ + #djDebug .highlight .ge { + color: #f8f8f2; + text-decoration: underline; + } /* Generic.Emph */ + #djDebug .highlight .gr { + color: #f8f8f2; + } /* Generic.Error */ + #djDebug .highlight .gh { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Heading */ + #djDebug .highlight .gi { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Inserted */ + #djDebug .highlight .go { + color: #44475a; + } /* Generic.Output */ + #djDebug .highlight .gp { + color: #f8f8f2; + } /* Generic.Prompt */ + #djDebug .highlight .gs { + color: #f8f8f2; + } /* Generic.Strong */ + #djDebug .highlight .gu { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Subheading */ + #djDebug .highlight .gt { + color: #f8f8f2; + } /* Generic.Traceback */ + #djDebug .highlight .kc { + color: #ff79c6; + } /* Keyword.Constant */ + #djDebug .highlight .kd { + color: #8be9fd; + font-style: italic; + } /* Keyword.Declaration */ + #djDebug .highlight .kn { + color: #ff79c6; + } /* Keyword.Namespace */ + #djDebug .highlight .kp { + color: #ff79c6; + } /* Keyword.Pseudo */ + #djDebug .highlight .kr { + color: #ff79c6; + } /* Keyword.Reserved */ + #djDebug .highlight .kt { + color: #8be9fd; + } /* Keyword.Type */ + #djDebug .highlight .ld { + color: #f8f8f2; + } /* Literal.Date */ + #djDebug .highlight .m { + color: #bd93f9; + } /* Literal.Number */ + #djDebug .highlight .s { + color: #f1fa8c; + } /* Literal.String */ + #djDebug .highlight .na { + color: #50fa7b; + } /* Name.Attribute */ + #djDebug .highlight .nb { + color: #8be9fd; + font-style: italic; + } /* Name.Builtin */ + #djDebug .highlight .nc { + color: #50fa7b; + } /* Name.Class */ + #djDebug .highlight .no { + color: #f8f8f2; + } /* Name.Constant */ + #djDebug .highlight .nd { + color: #f8f8f2; + } /* Name.Decorator */ + #djDebug .highlight .ni { + color: #f8f8f2; + } /* Name.Entity */ + #djDebug .highlight .ne { + color: #f8f8f2; + } /* Name.Exception */ + #djDebug .highlight .nf { + color: #50fa7b; + } /* Name.Function */ + #djDebug .highlight .nl { + color: #8be9fd; + font-style: italic; + } /* Name.Label */ + #djDebug .highlight .nn { + color: #f8f8f2; + } /* Name.Namespace */ + #djDebug .highlight .nx { + color: #f8f8f2; + } /* Name.Other */ + #djDebug .highlight .py { + color: #f8f8f2; + } /* Name.Property */ + #djDebug .highlight .nt { + color: #ff79c6; + } /* Name.Tag */ + #djDebug .highlight .nv { + color: #8be9fd; + font-style: italic; + } /* Name.Variable */ + #djDebug .highlight .ow { + color: #ff79c6; + } /* Operator.Word */ + #djDebug .highlight .w { + color: #f8f8f2; + } /* Text.Whitespace */ + #djDebug .highlight .mb { + color: #bd93f9; + } /* Literal.Number.Bin */ + #djDebug .highlight .mf { + color: #bd93f9; + } /* Literal.Number.Float */ + #djDebug .highlight .mh { + color: #bd93f9; + } /* Literal.Number.Hex */ + #djDebug .highlight .mi { + color: #bd93f9; + } /* Literal.Number.Integer */ + #djDebug .highlight .mo { + color: #bd93f9; + } /* Literal.Number.Oct */ + #djDebug .highlight .sa { + color: #f1fa8c; + } /* Literal.String.Affix */ + #djDebug .highlight .sb { + color: #f1fa8c; + } /* Literal.String.Backtick */ + #djDebug .highlight .sc { + color: #f1fa8c; + } /* Literal.String.Char */ + #djDebug .highlight .dl { + color: #f1fa8c; + } /* Literal.String.Delimiter */ + #djDebug .highlight .sd { + color: #f1fa8c; + } /* Literal.String.Doc */ + #djDebug .highlight .s2 { + color: #f1fa8c; + } /* Literal.String.Double */ + #djDebug .highlight .se { + color: #f1fa8c; + } /* Literal.String.Escape */ + #djDebug .highlight .sh { + color: #f1fa8c; + } /* Literal.String.Heredoc */ + #djDebug .highlight .si { + color: #f1fa8c; + } /* Literal.String.Interpol */ + #djDebug .highlight .sx { + color: #f1fa8c; + } /* Literal.String.Other */ + #djDebug .highlight .sr { + color: #f1fa8c; + } /* Literal.String.Regex */ + #djDebug .highlight .s1 { + color: #f1fa8c; + } /* Literal.String.Single */ + #djDebug .highlight .ss { + color: #f1fa8c; + } /* Literal.String.Symbol */ + #djDebug .highlight .bp { + color: #f8f8f2; + font-style: italic; + } /* Name.Builtin.Pseudo */ + #djDebug .highlight .fm { + color: #50fa7b; + } /* Name.Function.Magic */ + #djDebug .highlight .vc { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Class */ + #djDebug .highlight .vg { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Global */ + #djDebug .highlight .vi { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Instance */ + #djDebug .highlight .vm { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Magic */ + #djDebug .highlight .il { + color: #bd93f9; + } /* Literal.Number.Integer.Long */ +} /* Debug Toolbar CSS Reset, adapted from Eric Meyer's CSS Reset */ #djDebug { From 5a572562ee9cab7ce48afe07aa98cf66e3ed4c93 Mon Sep 17 00:00:00 2001 From: andoriyaprashant Date: Tue, 25 Mar 2025 00:56:18 +0530 Subject: [PATCH 3/4] changes --- docs/changes.rst | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/changes.rst b/docs/changes.rst index 7f8fabbc5..7911e9e4d 100644 --- a/docs/changes.rst +++ b/docs/changes.rst @@ -6,6 +6,7 @@ Pending * Added hook to RedirectsPanel for subclass customization. * Added feature to sanitize sensitive data in the Request Panel. +* Fixed dark mode conflict in code block toolbar CSS 5.1.0 (2025-03-20) ------------------ From a92886ca56b818bfdcf705521f6049a03dd93627 Mon Sep 17 00:00:00 2001 From: andoriyaprashant Date: Tue, 1 Apr 2025 01:24:38 +0530 Subject: [PATCH 4/4] Implemented changes based on feedback --- .../static/debug_toolbar/css/toolbar.css | 1025 +++++++++-------- 1 file changed, 535 insertions(+), 490 deletions(-) diff --git a/debug_toolbar/static/debug_toolbar/css/toolbar.css b/debug_toolbar/static/debug_toolbar/css/toolbar.css index 30f3b7d41..a45e8a670 100644 --- a/debug_toolbar/static/debug_toolbar/css/toolbar.css +++ b/debug_toolbar/static/debug_toolbar/css/toolbar.css @@ -37,500 +37,47 @@ @media (prefers-color-scheme: dark) { :root { - #djDebug .highlight .hll { - background-color: #f1fa8c; - } - #djDebug .highlight { - background: #282a36; - color: #f8f8f2; - } - #djDebug .highlight .c { - color: #6272a4; - } /* Comment */ - #djDebug .highlight .err { - color: #f8f8f2; - } /* Error */ - #djDebug .highlight .g { - color: #f8f8f2; - } /* Generic */ - #djDebug .highlight .k { - color: #ff79c6; - } /* Keyword */ - #djDebug .highlight .l { - color: #f8f8f2; - } /* Literal */ - #djDebug .highlight .n { - color: #f8f8f2; - } /* Name */ - #djDebug .highlight .o { - color: #ff79c6; - } /* Operator */ - #djDebug .highlight .x { - color: #f8f8f2; - } /* Other */ - #djDebug .highlight .p { - color: #f8f8f2; - } /* Punctuation */ - #djDebug .highlight .ch { - color: #6272a4; - } /* Comment.Hashbang */ - #djDebug .highlight .cm { - color: #6272a4; - } /* Comment.Multiline */ - #djDebug .highlight .cp { - color: #ff79c6; - } /* Comment.Preproc */ - #djDebug .highlight .cpf { - color: #6272a4; - } /* Comment.PreprocFile */ - #djDebug .highlight .c1 { - color: #6272a4; - } /* Comment.Single */ - #djDebug .highlight .cs { - color: #6272a4; - } /* Comment.Special */ - #djDebug .highlight .gd { - color: #8b080b; - } /* Generic.Deleted */ - #djDebug .highlight .ge { - color: #f8f8f2; - text-decoration: underline; - } /* Generic.Emph */ - #djDebug .highlight .gr { - color: #f8f8f2; - } /* Generic.Error */ - #djDebug .highlight .gh { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Heading */ - #djDebug .highlight .gi { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Inserted */ - #djDebug .highlight .go { - color: #44475a; - } /* Generic.Output */ - #djDebug .highlight .gp { - color: #f8f8f2; - } /* Generic.Prompt */ - #djDebug .highlight .gs { - color: #f8f8f2; - } /* Generic.Strong */ - #djDebug .highlight .gu { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Subheading */ - #djDebug .highlight .gt { - color: #f8f8f2; - } /* Generic.Traceback */ - #djDebug .highlight .kc { - color: #ff79c6; - } /* Keyword.Constant */ - #djDebug .highlight .kd { - color: #8be9fd; - font-style: italic; - } /* Keyword.Declaration */ - #djDebug .highlight .kn { - color: #ff79c6; - } /* Keyword.Namespace */ - #djDebug .highlight .kp { - color: #ff79c6; - } /* Keyword.Pseudo */ - #djDebug .highlight .kr { - color: #ff79c6; - } /* Keyword.Reserved */ - #djDebug .highlight .kt { - color: #8be9fd; - } /* Keyword.Type */ - #djDebug .highlight .ld { - color: #f8f8f2; - } /* Literal.Date */ - #djDebug .highlight .m { - color: #bd93f9; - } /* Literal.Number */ - #djDebug .highlight .s { - color: #f1fa8c; - } /* Literal.String */ - #djDebug .highlight .na { - color: #50fa7b; - } /* Name.Attribute */ - #djDebug .highlight .nb { - color: #8be9fd; - font-style: italic; - } /* Name.Builtin */ - #djDebug .highlight .nc { - color: #50fa7b; - } /* Name.Class */ - #djDebug .highlight .no { - color: #f8f8f2; - } /* Name.Constant */ - #djDebug .highlight .nd { - color: #f8f8f2; - } /* Name.Decorator */ - #djDebug .highlight .ni { - color: #f8f8f2; - } /* Name.Entity */ - #djDebug .highlight .ne { - color: #f8f8f2; - } /* Name.Exception */ - #djDebug .highlight .nf { - color: #50fa7b; - } /* Name.Function */ - #djDebug .highlight .nl { - color: #8be9fd; - font-style: italic; - } /* Name.Label */ - #djDebug .highlight .nn { - color: #f8f8f2; - } /* Name.Namespace */ - #djDebug .highlight .nx { - color: #f8f8f2; - } /* Name.Other */ - #djDebug .highlight .py { - color: #f8f8f2; - } /* Name.Property */ - #djDebug .highlight .nt { - color: #ff79c6; - } /* Name.Tag */ - #djDebug .highlight .nv { - color: #8be9fd; - font-style: italic; - } /* Name.Variable */ - #djDebug .highlight .ow { - color: #ff79c6; - } /* Operator.Word */ - #djDebug .highlight .w { - color: #f8f8f2; - } /* Text.Whitespace */ - #djDebug .highlight .mb { - color: #bd93f9; - } /* Literal.Number.Bin */ - #djDebug .highlight .mf { - color: #bd93f9; - } /* Literal.Number.Float */ - #djDebug .highlight .mh { - color: #bd93f9; - } /* Literal.Number.Hex */ - #djDebug .highlight .mi { - color: #bd93f9; - } /* Literal.Number.Integer */ - #djDebug .highlight .mo { - color: #bd93f9; - } /* Literal.Number.Oct */ - #djDebug .highlight .sa { - color: #f1fa8c; - } /* Literal.String.Affix */ - #djDebug .highlight .sb { - color: #f1fa8c; - } /* Literal.String.Backtick */ - #djDebug .highlight .sc { - color: #f1fa8c; - } /* Literal.String.Char */ - #djDebug .highlight .dl { - color: #f1fa8c; - } /* Literal.String.Delimiter */ - #djDebug .highlight .sd { - color: #f1fa8c; - } /* Literal.String.Doc */ - #djDebug .highlight .s2 { - color: #f1fa8c; - } /* Literal.String.Double */ - #djDebug .highlight .se { - color: #f1fa8c; - } /* Literal.String.Escape */ - #djDebug .highlight .sh { - color: #f1fa8c; - } /* Literal.String.Heredoc */ - #djDebug .highlight .si { - color: #f1fa8c; - } /* Literal.String.Interpol */ - #djDebug .highlight .sx { - color: #f1fa8c; - } /* Literal.String.Other */ - #djDebug .highlight .sr { - color: #f1fa8c; - } /* Literal.String.Regex */ - #djDebug .highlight .s1 { - color: #f1fa8c; - } /* Literal.String.Single */ - #djDebug .highlight .ss { - color: #f1fa8c; - } /* Literal.String.Symbol */ - #djDebug .highlight .bp { - color: #f8f8f2; - font-style: italic; - } /* Name.Builtin.Pseudo */ - #djDebug .highlight .fm { - color: #50fa7b; - } /* Name.Function.Magic */ - #djDebug .highlight .vc { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Class */ - #djDebug .highlight .vg { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Global */ - #djDebug .highlight .vi { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Instance */ - #djDebug .highlight .vm { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Magic */ - #djDebug .highlight .il { - color: #bd93f9; - } /* Literal.Number.Integer.Long */ + --djdt-font-color: #f8f8f2; + --djdt-background-color: #1e293bff; + --djdt-panel-content-background-color: #0f1729ff; + --djdt-panel-title-background-color: #242432; + --djdt-djdt-panel-content-table-strip-background-color: #324154ff; + --djdt--highlighted-background-color: #2c2a7dff; + --djdt-toggle-template-background-color: #282755; + + --djdt-sql-font-color: var(--djdt-font-color); + --djdt-pre-text-color: var(--djdt-font-color); + --djdt-path-and-locals: #65758cff; + --djdt-stack-span-color: #7c8fa4; + --djdt-template-highlight-color: var(--djdt-stack-span-color); + + --djdt-table-border-color: #324154ff; + --djdt-button-border-color: var(--djdt-table-border-color); + --djdt-pre-border-color: var(--djdt-table-border-color); + --djdt-raw-border-color: var(--djdt-table-border-color); } } #djDebug[data-theme="dark"] { - #djDebug .highlight .hll { - background-color: #f1fa8c; - } - #djDebug .highlight { - background: #282a36; - color: #f8f8f2; - } - #djDebug .highlight .c { - color: #6272a4; - } /* Comment */ - #djDebug .highlight .err { - color: #f8f8f2; - } /* Error */ - #djDebug .highlight .g { - color: #f8f8f2; - } /* Generic */ - #djDebug .highlight .k { - color: #ff79c6; - } /* Keyword */ - #djDebug .highlight .l { - color: #f8f8f2; - } /* Literal */ - #djDebug .highlight .n { - color: #f8f8f2; - } /* Name */ - #djDebug .highlight .o { - color: #ff79c6; - } /* Operator */ - #djDebug .highlight .x { - color: #f8f8f2; - } /* Other */ - #djDebug .highlight .p { - color: #f8f8f2; - } /* Punctuation */ - #djDebug .highlight .ch { - color: #6272a4; - } /* Comment.Hashbang */ - #djDebug .highlight .cm { - color: #6272a4; - } /* Comment.Multiline */ - #djDebug .highlight .cp { - color: #ff79c6; - } /* Comment.Preproc */ - #djDebug .highlight .cpf { - color: #6272a4; - } /* Comment.PreprocFile */ - #djDebug .highlight .c1 { - color: #6272a4; - } /* Comment.Single */ - #djDebug .highlight .cs { - color: #6272a4; - } /* Comment.Special */ - #djDebug .highlight .gd { - color: #8b080b; - } /* Generic.Deleted */ - #djDebug .highlight .ge { - color: #f8f8f2; - text-decoration: underline; - } /* Generic.Emph */ - #djDebug .highlight .gr { - color: #f8f8f2; - } /* Generic.Error */ - #djDebug .highlight .gh { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Heading */ - #djDebug .highlight .gi { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Inserted */ - #djDebug .highlight .go { - color: #44475a; - } /* Generic.Output */ - #djDebug .highlight .gp { - color: #f8f8f2; - } /* Generic.Prompt */ - #djDebug .highlight .gs { - color: #f8f8f2; - } /* Generic.Strong */ - #djDebug .highlight .gu { - color: #f8f8f2; - font-weight: bold; - } /* Generic.Subheading */ - #djDebug .highlight .gt { - color: #f8f8f2; - } /* Generic.Traceback */ - #djDebug .highlight .kc { - color: #ff79c6; - } /* Keyword.Constant */ - #djDebug .highlight .kd { - color: #8be9fd; - font-style: italic; - } /* Keyword.Declaration */ - #djDebug .highlight .kn { - color: #ff79c6; - } /* Keyword.Namespace */ - #djDebug .highlight .kp { - color: #ff79c6; - } /* Keyword.Pseudo */ - #djDebug .highlight .kr { - color: #ff79c6; - } /* Keyword.Reserved */ - #djDebug .highlight .kt { - color: #8be9fd; - } /* Keyword.Type */ - #djDebug .highlight .ld { - color: #f8f8f2; - } /* Literal.Date */ - #djDebug .highlight .m { - color: #bd93f9; - } /* Literal.Number */ - #djDebug .highlight .s { - color: #f1fa8c; - } /* Literal.String */ - #djDebug .highlight .na { - color: #50fa7b; - } /* Name.Attribute */ - #djDebug .highlight .nb { - color: #8be9fd; - font-style: italic; - } /* Name.Builtin */ - #djDebug .highlight .nc { - color: #50fa7b; - } /* Name.Class */ - #djDebug .highlight .no { - color: #f8f8f2; - } /* Name.Constant */ - #djDebug .highlight .nd { - color: #f8f8f2; - } /* Name.Decorator */ - #djDebug .highlight .ni { - color: #f8f8f2; - } /* Name.Entity */ - #djDebug .highlight .ne { - color: #f8f8f2; - } /* Name.Exception */ - #djDebug .highlight .nf { - color: #50fa7b; - } /* Name.Function */ - #djDebug .highlight .nl { - color: #8be9fd; - font-style: italic; - } /* Name.Label */ - #djDebug .highlight .nn { - color: #f8f8f2; - } /* Name.Namespace */ - #djDebug .highlight .nx { - color: #f8f8f2; - } /* Name.Other */ - #djDebug .highlight .py { - color: #f8f8f2; - } /* Name.Property */ - #djDebug .highlight .nt { - color: #ff79c6; - } /* Name.Tag */ - #djDebug .highlight .nv { - color: #8be9fd; - font-style: italic; - } /* Name.Variable */ - #djDebug .highlight .ow { - color: #ff79c6; - } /* Operator.Word */ - #djDebug .highlight .w { - color: #f8f8f2; - } /* Text.Whitespace */ - #djDebug .highlight .mb { - color: #bd93f9; - } /* Literal.Number.Bin */ - #djDebug .highlight .mf { - color: #bd93f9; - } /* Literal.Number.Float */ - #djDebug .highlight .mh { - color: #bd93f9; - } /* Literal.Number.Hex */ - #djDebug .highlight .mi { - color: #bd93f9; - } /* Literal.Number.Integer */ - #djDebug .highlight .mo { - color: #bd93f9; - } /* Literal.Number.Oct */ - #djDebug .highlight .sa { - color: #f1fa8c; - } /* Literal.String.Affix */ - #djDebug .highlight .sb { - color: #f1fa8c; - } /* Literal.String.Backtick */ - #djDebug .highlight .sc { - color: #f1fa8c; - } /* Literal.String.Char */ - #djDebug .highlight .dl { - color: #f1fa8c; - } /* Literal.String.Delimiter */ - #djDebug .highlight .sd { - color: #f1fa8c; - } /* Literal.String.Doc */ - #djDebug .highlight .s2 { - color: #f1fa8c; - } /* Literal.String.Double */ - #djDebug .highlight .se { - color: #f1fa8c; - } /* Literal.String.Escape */ - #djDebug .highlight .sh { - color: #f1fa8c; - } /* Literal.String.Heredoc */ - #djDebug .highlight .si { - color: #f1fa8c; - } /* Literal.String.Interpol */ - #djDebug .highlight .sx { - color: #f1fa8c; - } /* Literal.String.Other */ - #djDebug .highlight .sr { - color: #f1fa8c; - } /* Literal.String.Regex */ - #djDebug .highlight .s1 { - color: #f1fa8c; - } /* Literal.String.Single */ - #djDebug .highlight .ss { - color: #f1fa8c; - } /* Literal.String.Symbol */ - #djDebug .highlight .bp { - color: #f8f8f2; - font-style: italic; - } /* Name.Builtin.Pseudo */ - #djDebug .highlight .fm { - color: #50fa7b; - } /* Name.Function.Magic */ - #djDebug .highlight .vc { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Class */ - #djDebug .highlight .vg { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Global */ - #djDebug .highlight .vi { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Instance */ - #djDebug .highlight .vm { - color: #8be9fd; - font-style: italic; - } /* Name.Variable.Magic */ - #djDebug .highlight .il { - color: #bd93f9; - } /* Literal.Number.Integer.Long */ + --djdt-font-color: #f8f8f2; + --djdt-background-color: #1e293bff; + --djdt-panel-content-background-color: #0f1729ff; + --djdt-panel-content-table-background-color: var(--djdt-background-color); + --djdt-panel-title-background-color: #242432; + --djdt-djdt-panel-content-table-strip-background-color: #324154ff; + --djdt--highlighted-background-color: #2c2a7dff; + --djdt-toggle-template-background-color: #282755; + + --djdt-sql-font-color: var(--djdt-font-color); + --djdt-pre-text-color: var(--djdt-font-color); + --djdt-path-and-locals: #65758cff; + --djdt-stack-span-color: #7c8fa4; + --djdt-template-highlight-color: var(--djdt-stack-span-color); + + --djdt-table-border-color: #324154ff; + --djdt-button-border-color: var(--djdt-table-border-color); + --djdt-pre-border-color: var(--djdt-table-border-color); + --djdt-raw-border-color: var(--djdt-table-border-color); } /* Debug Toolbar CSS Reset, adapted from Eric Meyer's CSS Reset */ @@ -1282,6 +829,504 @@ To regenerate: color: #666666; } /* Literal.Number.Integer.Long */ +@media (prefers-color-scheme: dark) { + :root { + #djDebug .highlight .hll { + background-color: #f1fa8c; + } + #djDebug .highlight { + background: #282a36; + color: #f8f8f2; + } + #djDebug .highlight .c { + color: #6272a4; + } /* Comment */ + #djDebug .highlight .err { + color: #f8f8f2; + } /* Error */ + #djDebug .highlight .g { + color: #f8f8f2; + } /* Generic */ + #djDebug .highlight .k { + color: #ff79c6; + } /* Keyword */ + #djDebug .highlight .l { + color: #f8f8f2; + } /* Literal */ + #djDebug .highlight .n { + color: #f8f8f2; + } /* Name */ + #djDebug .highlight .o { + color: #ff79c6; + } /* Operator */ + #djDebug .highlight .x { + color: #f8f8f2; + } /* Other */ + #djDebug .highlight .p { + color: #f8f8f2; + } /* Punctuation */ + #djDebug .highlight .ch { + color: #6272a4; + } /* Comment.Hashbang */ + #djDebug .highlight .cm { + color: #6272a4; + } /* Comment.Multiline */ + #djDebug .highlight .cp { + color: #ff79c6; + } /* Comment.Preproc */ + #djDebug .highlight .cpf { + color: #6272a4; + } /* Comment.PreprocFile */ + #djDebug .highlight .c1 { + color: #6272a4; + } /* Comment.Single */ + #djDebug .highlight .cs { + color: #6272a4; + } /* Comment.Special */ + #djDebug .highlight .gd { + color: #8b080b; + } /* Generic.Deleted */ + #djDebug .highlight .ge { + color: #f8f8f2; + text-decoration: underline; + } /* Generic.Emph */ + #djDebug .highlight .gr { + color: #f8f8f2; + } /* Generic.Error */ + #djDebug .highlight .gh { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Heading */ + #djDebug .highlight .gi { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Inserted */ + #djDebug .highlight .go { + color: #44475a; + } /* Generic.Output */ + #djDebug .highlight .gp { + color: #f8f8f2; + } /* Generic.Prompt */ + #djDebug .highlight .gs { + color: #f8f8f2; + } /* Generic.Strong */ + #djDebug .highlight .gu { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Subheading */ + #djDebug .highlight .gt { + color: #f8f8f2; + } /* Generic.Traceback */ + #djDebug .highlight .kc { + color: #ff79c6; + } /* Keyword.Constant */ + #djDebug .highlight .kd { + color: #8be9fd; + font-style: italic; + } /* Keyword.Declaration */ + #djDebug .highlight .kn { + color: #ff79c6; + } /* Keyword.Namespace */ + #djDebug .highlight .kp { + color: #ff79c6; + } /* Keyword.Pseudo */ + #djDebug .highlight .kr { + color: #ff79c6; + } /* Keyword.Reserved */ + #djDebug .highlight .kt { + color: #8be9fd; + } /* Keyword.Type */ + #djDebug .highlight .ld { + color: #f8f8f2; + } /* Literal.Date */ + #djDebug .highlight .m { + color: #bd93f9; + } /* Literal.Number */ + #djDebug .highlight .s { + color: #f1fa8c; + } /* Literal.String */ + #djDebug .highlight .na { + color: #50fa7b; + } /* Name.Attribute */ + #djDebug .highlight .nb { + color: #8be9fd; + font-style: italic; + } /* Name.Builtin */ + #djDebug .highlight .nc { + color: #50fa7b; + } /* Name.Class */ + #djDebug .highlight .no { + color: #f8f8f2; + } /* Name.Constant */ + #djDebug .highlight .nd { + color: #f8f8f2; + } /* Name.Decorator */ + #djDebug .highlight .ni { + color: #f8f8f2; + } /* Name.Entity */ + #djDebug .highlight .ne { + color: #f8f8f2; + } /* Name.Exception */ + #djDebug .highlight .nf { + color: #50fa7b; + } /* Name.Function */ + #djDebug .highlight .nl { + color: #8be9fd; + font-style: italic; + } /* Name.Label */ + #djDebug .highlight .nn { + color: #f8f8f2; + } /* Name.Namespace */ + #djDebug .highlight .nx { + color: #f8f8f2; + } /* Name.Other */ + #djDebug .highlight .py { + color: #f8f8f2; + } /* Name.Property */ + #djDebug .highlight .nt { + color: #ff79c6; + } /* Name.Tag */ + #djDebug .highlight .nv { + color: #8be9fd; + font-style: italic; + } /* Name.Variable */ + #djDebug .highlight .ow { + color: #ff79c6; + } /* Operator.Word */ + #djDebug .highlight .w { + color: #f8f8f2; + } /* Text.Whitespace */ + #djDebug .highlight .mb { + color: #bd93f9; + } /* Literal.Number.Bin */ + #djDebug .highlight .mf { + color: #bd93f9; + } /* Literal.Number.Float */ + #djDebug .highlight .mh { + color: #bd93f9; + } /* Literal.Number.Hex */ + #djDebug .highlight .mi { + color: #bd93f9; + } /* Literal.Number.Integer */ + #djDebug .highlight .mo { + color: #bd93f9; + } /* Literal.Number.Oct */ + #djDebug .highlight .sa { + color: #f1fa8c; + } /* Literal.String.Affix */ + #djDebug .highlight .sb { + color: #f1fa8c; + } /* Literal.String.Backtick */ + #djDebug .highlight .sc { + color: #f1fa8c; + } /* Literal.String.Char */ + #djDebug .highlight .dl { + color: #f1fa8c; + } /* Literal.String.Delimiter */ + #djDebug .highlight .sd { + color: #f1fa8c; + } /* Literal.String.Doc */ + #djDebug .highlight .s2 { + color: #f1fa8c; + } /* Literal.String.Double */ + #djDebug .highlight .se { + color: #f1fa8c; + } /* Literal.String.Escape */ + #djDebug .highlight .sh { + color: #f1fa8c; + } /* Literal.String.Heredoc */ + #djDebug .highlight .si { + color: #f1fa8c; + } /* Literal.String.Interpol */ + #djDebug .highlight .sx { + color: #f1fa8c; + } /* Literal.String.Other */ + #djDebug .highlight .sr { + color: #f1fa8c; + } /* Literal.String.Regex */ + #djDebug .highlight .s1 { + color: #f1fa8c; + } /* Literal.String.Single */ + #djDebug .highlight .ss { + color: #f1fa8c; + } /* Literal.String.Symbol */ + #djDebug .highlight .bp { + color: #f8f8f2; + font-style: italic; + } /* Name.Builtin.Pseudo */ + #djDebug .highlight .fm { + color: #50fa7b; + } /* Name.Function.Magic */ + #djDebug .highlight .vc { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Class */ + #djDebug .highlight .vg { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Global */ + #djDebug .highlight .vi { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Instance */ + #djDebug .highlight .vm { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Magic */ + #djDebug .highlight .il { + color: #bd93f9; + } /* Literal.Number.Integer.Long */ + } +} + +#djDebug[data-theme="dark"] { + #djDebug .highlight .hll { + background-color: #f1fa8c; + } + #djDebug .highlight { + background: #282a36; + color: #f8f8f2; + } + #djDebug .highlight .c { + color: #6272a4; + } /* Comment */ + #djDebug .highlight .err { + color: #f8f8f2; + } /* Error */ + #djDebug .highlight .g { + color: #f8f8f2; + } /* Generic */ + #djDebug .highlight .k { + color: #ff79c6; + } /* Keyword */ + #djDebug .highlight .l { + color: #f8f8f2; + } /* Literal */ + #djDebug .highlight .n { + color: #f8f8f2; + } /* Name */ + #djDebug .highlight .o { + color: #ff79c6; + } /* Operator */ + #djDebug .highlight .x { + color: #f8f8f2; + } /* Other */ + #djDebug .highlight .p { + color: #f8f8f2; + } /* Punctuation */ + #djDebug .highlight .ch { + color: #6272a4; + } /* Comment.Hashbang */ + #djDebug .highlight .cm { + color: #6272a4; + } /* Comment.Multiline */ + #djDebug .highlight .cp { + color: #ff79c6; + } /* Comment.Preproc */ + #djDebug .highlight .cpf { + color: #6272a4; + } /* Comment.PreprocFile */ + #djDebug .highlight .c1 { + color: #6272a4; + } /* Comment.Single */ + #djDebug .highlight .cs { + color: #6272a4; + } /* Comment.Special */ + #djDebug .highlight .gd { + color: #8b080b; + } /* Generic.Deleted */ + #djDebug .highlight .ge { + color: #f8f8f2; + text-decoration: underline; + } /* Generic.Emph */ + #djDebug .highlight .gr { + color: #f8f8f2; + } /* Generic.Error */ + #djDebug .highlight .gh { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Heading */ + #djDebug .highlight .gi { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Inserted */ + #djDebug .highlight .go { + color: #44475a; + } /* Generic.Output */ + #djDebug .highlight .gp { + color: #f8f8f2; + } /* Generic.Prompt */ + #djDebug .highlight .gs { + color: #f8f8f2; + } /* Generic.Strong */ + #djDebug .highlight .gu { + color: #f8f8f2; + font-weight: bold; + } /* Generic.Subheading */ + #djDebug .highlight .gt { + color: #f8f8f2; + } /* Generic.Traceback */ + #djDebug .highlight .kc { + color: #ff79c6; + } /* Keyword.Constant */ + #djDebug .highlight .kd { + color: #8be9fd; + font-style: italic; + } /* Keyword.Declaration */ + #djDebug .highlight .kn { + color: #ff79c6; + } /* Keyword.Namespace */ + #djDebug .highlight .kp { + color: #ff79c6; + } /* Keyword.Pseudo */ + #djDebug .highlight .kr { + color: #ff79c6; + } /* Keyword.Reserved */ + #djDebug .highlight .kt { + color: #8be9fd; + } /* Keyword.Type */ + #djDebug .highlight .ld { + color: #f8f8f2; + } /* Literal.Date */ + #djDebug .highlight .m { + color: #bd93f9; + } /* Literal.Number */ + #djDebug .highlight .s { + color: #f1fa8c; + } /* Literal.String */ + #djDebug .highlight .na { + color: #50fa7b; + } /* Name.Attribute */ + #djDebug .highlight .nb { + color: #8be9fd; + font-style: italic; + } /* Name.Builtin */ + #djDebug .highlight .nc { + color: #50fa7b; + } /* Name.Class */ + #djDebug .highlight .no { + color: #f8f8f2; + } /* Name.Constant */ + #djDebug .highlight .nd { + color: #f8f8f2; + } /* Name.Decorator */ + #djDebug .highlight .ni { + color: #f8f8f2; + } /* Name.Entity */ + #djDebug .highlight .ne { + color: #f8f8f2; + } /* Name.Exception */ + #djDebug .highlight .nf { + color: #50fa7b; + } /* Name.Function */ + #djDebug .highlight .nl { + color: #8be9fd; + font-style: italic; + } /* Name.Label */ + #djDebug .highlight .nn { + color: #f8f8f2; + } /* Name.Namespace */ + #djDebug .highlight .nx { + color: #f8f8f2; + } /* Name.Other */ + #djDebug .highlight .py { + color: #f8f8f2; + } /* Name.Property */ + #djDebug .highlight .nt { + color: #ff79c6; + } /* Name.Tag */ + #djDebug .highlight .nv { + color: #8be9fd; + font-style: italic; + } /* Name.Variable */ + #djDebug .highlight .ow { + color: #ff79c6; + } /* Operator.Word */ + #djDebug .highlight .w { + color: #f8f8f2; + } /* Text.Whitespace */ + #djDebug .highlight .mb { + color: #bd93f9; + } /* Literal.Number.Bin */ + #djDebug .highlight .mf { + color: #bd93f9; + } /* Literal.Number.Float */ + #djDebug .highlight .mh { + color: #bd93f9; + } /* Literal.Number.Hex */ + #djDebug .highlight .mi { + color: #bd93f9; + } /* Literal.Number.Integer */ + #djDebug .highlight .mo { + color: #bd93f9; + } /* Literal.Number.Oct */ + #djDebug .highlight .sa { + color: #f1fa8c; + } /* Literal.String.Affix */ + #djDebug .highlight .sb { + color: #f1fa8c; + } /* Literal.String.Backtick */ + #djDebug .highlight .sc { + color: #f1fa8c; + } /* Literal.String.Char */ + #djDebug .highlight .dl { + color: #f1fa8c; + } /* Literal.String.Delimiter */ + #djDebug .highlight .sd { + color: #f1fa8c; + } /* Literal.String.Doc */ + #djDebug .highlight .s2 { + color: #f1fa8c; + } /* Literal.String.Double */ + #djDebug .highlight .se { + color: #f1fa8c; + } /* Literal.String.Escape */ + #djDebug .highlight .sh { + color: #f1fa8c; + } /* Literal.String.Heredoc */ + #djDebug .highlight .si { + color: #f1fa8c; + } /* Literal.String.Interpol */ + #djDebug .highlight .sx { + color: #f1fa8c; + } /* Literal.String.Other */ + #djDebug .highlight .sr { + color: #f1fa8c; + } /* Literal.String.Regex */ + #djDebug .highlight .s1 { + color: #f1fa8c; + } /* Literal.String.Single */ + #djDebug .highlight .ss { + color: #f1fa8c; + } /* Literal.String.Symbol */ + #djDebug .highlight .bp { + color: #f8f8f2; + font-style: italic; + } /* Name.Builtin.Pseudo */ + #djDebug .highlight .fm { + color: #50fa7b; + } /* Name.Function.Magic */ + #djDebug .highlight .vc { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Class */ + #djDebug .highlight .vg { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Global */ + #djDebug .highlight .vi { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Instance */ + #djDebug .highlight .vm { + color: #8be9fd; + font-style: italic; + } /* Name.Variable.Magic */ + #djDebug .highlight .il { + color: #bd93f9; + } /* Literal.Number.Integer.Long */ +} + #djDebug svg.djDebugLineChart { width: 100%; height: 1.5em;