Styling partially corrupt after upgrade #6003

mu88 · 2024-12-12T08:28:36Z

mu88
Dec 12, 2024

Hi,

I've upgraded Windows Terminal to v1.21.3231.0 and OMP to v24.12.0. Now some of my styles are not rendered properly anymore (notice the triangles on the left side around the Git branch name:

Before

After

This was my original JSON settings file

{
  "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
  "blocks": [
    {
      "alignment": "left",
      "segments": [
        {
          "background": "#c17e1a",
          "foreground": "#ffffff",
          "properties": {
            "style": "agnoster_short"
          },
          "style": "plain",
          "template": "<background,parentBackground>\ue0b6</> \uea83 {{ .Path }} {{ if or (gt (len .Segments) 1) (.Root) }}{{ else }}<background,transparent>\ue0b4</>{{ end }}",
          "type": "path"
        },
        {
          "background": "#ff009d",
          "foreground": "#ffffff",
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</>  {{ if gt (len .Segments) 2 }}{{ else }}<background,transparent>\ue0b4</>{{ end }}",
          "type": "root"
        },
        {
          "background": "#FFFB38",
          "background_templates": [
            "{{ if or (.Working.Changed) (.Staging.Changed) }}#ffeb95{{ end }}",
            "{{ if and (gt .Ahead 0) (gt .Behind 0) }}#c5e478{{ end }}",
            "{{ if gt .Ahead 0 }}#C792EA{{ end }}",
            "{{ if gt .Behind 0 }}#C792EA{{ end }}"
          ],
          "foreground": "#011627",
          "properties": {
            "branch_icon": "\ue725 ",
            "fetch_status": true,
            "fetch_upstream_icon": true
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> {{ .UpstreamIcon }}{{ .HEAD }}{{if .BranchStatus }} {{ .BranchStatus }}{{ end }}{{ if .Working.Changed }} \uf044 {{ .Working.String }}{{ end }}{{ if and (.Working.Changed) (.Staging.Changed) }} |{{ end }}{{ if .Staging.Changed }}<#ef5350> \uf046 {{ .Staging.String }}</>{{ end }} {{ if or (and (eq (len .Segments) 3) (.Root)) (and (eq (len .Segments) 2) (not .Root)) }}<background,transparent>\ue0b4</>{{ else }}{{ end }}",
          "type": "git"
        },
        {
          "background": "#6CA35E",
          "foreground": "#ffffff",
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</>  {{ .Full }} <background,transparent>\ue0b4</>",
          "type": "dotnet"
        },
        {
          "background": "#6CA35E",
          "foreground": "#ffffff",
          "properties": {
            "fetch_version": true
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \ue718 {{ if .PackageManagerIcon }}{{ .PackageManagerIcon }} {{ end }}{{ .Full }} <background,transparent>\ue0b4</>",
          "type": "node"
        },
        {
          "background": "#8ED1F7",
          "foreground": "#111111",
          "properties": {
            "fetch_version": true
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \ue626 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "type": "go"
        },
        {
          "background": "#4063D8",
          "foreground": "#111111",
          "properties": {
            "fetch_version": true
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \ue624 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "type": "julia"
        },
        {
          "background": "#FFDE57",
          "foreground": "#111111",
          "properties": {
            "display_mode": "files",
            "fetch_virtual_env": false
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \ue235 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "type": "python"
        },
        {
          "background": "#AE1401",
          "foreground": "#ffffff",
          "properties": {
            "display_mode": "files",
            "fetch_version": true
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \ue791 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "type": "ruby"
        },
        {
          "background": "#FEAC19",
          "foreground": "#ffffff",
          "properties": {
            "display_mode": "files",
            "fetch_version": false
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \uf0e7{{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "type": "azfunc"
        },
        {
          "background_templates": [
            "{{if contains \"default\" .Profile}}#FFA400{{end}}",
            "{{if contains \"jan\" .Profile}}#f1184c{{end}}"
          ],
          "foreground": "#ffffff",
          "properties": {
            "display_default": false
          },
          "style": "plain",
          "template": "<parentBackground,background>\ue0b0</> \ue7ad {{ .Profile }}{{ if .Region }}@{{ .Region }}{{ end }} <background,transparent>\ue0b4</>",
          "type": "aws"
        }
      ],
      "type": "prompt"
    },
    {
      "segments": [
        {
          "background": "#00897b",
          "background_templates": [
            "{{ if gt .Code 0 }}#e91e63{{ end }}"
          ],
          "foreground": "#ffffff",
          "properties": {
            "always_enabled": true
          },
          "style": "diamond",
          "template": " \ue23a ",
          "leading_diamond": "\ue0b6",
          "type": "exit"
        },
        {
          "background": "#83769c",
          "foreground": "#ffffff",
          "properties": {
            "style": "roundrock",
            "threshold": 0
          },
          "style": "plain",
          "template": "<background,parentBackground>\ue0b2</> \ueba2 {{ .FormattedMs }} ",
          "type": "executiontime"
        },
        {
          "background": "#2e9599",
          "foreground": "#111111",
          "properties": {
            "time_format": "_2, 15:04:05"
          },
          "style": "plain",
          "template": "<background,parentBackground>\ue0b2</> \uf073 {{ .CurrentDate | date .Format }} <background,transparent>\ue0b4</>",
          "type": "time"
        }
      ],
      "type": "rprompt"
    }
  ],
  "version": 2,
  "final_space": true
}

Lucky me that I put it under version control and noticed that it has been automatically migrated:

This is the new automatically migrated JSON settings file

{
  "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
  "blocks": [
    {
      "type": "prompt",
      "alignment": "left",
      "segments": [
        {
          "properties": {
            "cache_duration": "none",
            "style": "agnoster_short"
          },
          "template": "<background,parentBackground>\ue0b6</> \uea83 {{ .Path }} {{ if or (gt (len .Segments) 1) (.Root) }}{{ else }}<background,transparent>\ue0b4</>{{ end }}",
          "foreground": "#ffffff",
          "background": "#c17e1a",
          "type": "path",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none"
          },
          "template": "<parentBackground,background>\ue0b0</> \uf0e7 {{ if gt (len .Segments) 2 }}{{ else }}<background,transparent>\ue0b4</>{{ end }}",
          "foreground": "#ffffff",
          "background": "#ff009d",
          "type": "root",
          "style": "plain"
        },
        {
          "properties": {
            "branch_icon": "\ue725 ",
            "cache_duration": "none",
            "fetch_status": true,
            "fetch_upstream_icon": true
          },
          "template": "<parentBackground,background>\ue0b0</> {{ .UpstreamIcon }}{{ .HEAD }}{{if .BranchStatus }} {{ .BranchStatus }}{{ end }}{{ if .Working.Changed }} \uf044 {{ .Working.String }}{{ end }}{{ if and (.Working.Changed) (.Staging.Changed) }} |{{ end }}{{ if .Staging.Changed }}<#ef5350> \uf046 {{ .Staging.String }}</>{{ end }} {{ if or (and (eq (len .Segments) 3) (.Root)) (and (eq (len .Segments) 2) (not .Root)) }}<background,transparent>\ue0b4</>{{ else }}{{ end }}",
          "foreground": "#011627",
          "background": "#FFFB38",
          "type": "git",
          "style": "plain",
          "background_templates": [
            "{{ if or (.Working.Changed) (.Staging.Changed) }}#ffeb95{{ end }}",
            "{{ if and (gt .Ahead 0) (gt .Behind 0) }}#c5e478{{ end }}",
            "{{ if gt .Ahead 0 }}#C792EA{{ end }}",
            "{{ if gt .Behind 0 }}#C792EA{{ end }}"
          ]
        },
        {
          "properties": {
            "cache_duration": "none"
          },
          "template": "<parentBackground,background>\ue0b0</> \ue70c {{ .Full }} <background,transparent>\ue0b4</>",
          "foreground": "#ffffff",
          "background": "#6CA35E",
          "type": "dotnet",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "fetch_version": true
          },
          "template": "<parentBackground,background>\ue0b0</> \ue718 {{ if .PackageManagerIcon }}{{ .PackageManagerIcon }} {{ end }}{{ .Full }} <background,transparent>\ue0b4</>",
          "foreground": "#ffffff",
          "background": "#6CA35E",
          "type": "node",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "fetch_version": true
          },
          "template": "<parentBackground,background>\ue0b0</> \ue626 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "foreground": "#111111",
          "background": "#8ED1F7",
          "type": "go",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "fetch_version": true
          },
          "template": "<parentBackground,background>\ue0b0</> \ue624 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "foreground": "#111111",
          "background": "#4063D8",
          "type": "julia",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "display_mode": "files",
            "fetch_virtual_env": false
          },
          "template": "<parentBackground,background>\ue0b0</> \ue235 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "foreground": "#111111",
          "background": "#FFDE57",
          "type": "python",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "display_mode": "files",
            "fetch_version": true
          },
          "template": "<parentBackground,background>\ue0b0</> \ue791 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "foreground": "#ffffff",
          "background": "#AE1401",
          "type": "ruby",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "display_mode": "files",
            "fetch_version": false
          },
          "template": "<parentBackground,background>\ue0b0</> \uf0e7{{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} <background,transparent>\ue0b4</>",
          "foreground": "#ffffff",
          "background": "#FEAC19",
          "type": "azfunc",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "display_default": false
          },
          "template": "<parentBackground,background>\ue0b0</> \ue7ad {{ .Profile }}{{ if .Region }}@{{ .Region }}{{ end }} <background,transparent>\ue0b4</>",
          "foreground": "#ffffff",
          "type": "aws",
          "style": "plain",
          "background_templates": [
            "{{if contains \"default\" .Profile}}#FFA400{{end}}",
            "{{if contains \"jan\" .Profile}}#f1184c{{end}}"
          ]
        }
      ]
    },
    {
      "type": "rprompt",
      "segments": [
        {
          "properties": {
            "always_enabled": true,
            "cache_duration": "none"
          },
          "leading_diamond": "\ue0b6",
          "template": " \ue23a ",
          "foreground": "#ffffff",
          "background": "#00897b",
          "type": "exit",
          "style": "diamond",
          "background_templates": [
            "{{ if gt .Code 0 }}#e91e63{{ end }}"
          ]
        },
        {
          "properties": {
            "cache_duration": "none",
            "style": "roundrock",
            "threshold": 0
          },
          "template": "<background,parentBackground>\ue0b2</> \ueba2 {{ .FormattedMs }} ",
          "foreground": "#ffffff",
          "background": "#83769c",
          "type": "executiontime",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none",
            "time_format": "_2, 15:04:05"
          },
          "template": "<background,parentBackground>\ue0b2</> \uf073 {{ .CurrentDate | date .Format }} <background,transparent>\ue0b4</>",
          "foreground": "#111111",
          "background": "#2e9599",
          "type": "time",
          "style": "plain"
        }
      ]
    }
  ],
  "version": 3,
  "final_space": true
}

Here's a screenshot from git diff showing that a lot has been automatically changed:

What do I have to do to enable my previous styling with the new settings file v3?

Thx!

Answered by JanDeDobbeleer

Jan 9, 2025

{
    "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
    "blocks": [
      {
        "type": "prompt",
        "alignment": "left",
        "segments": [
          {
            "properties": {
              "cache_duration": "none",
              "style": "agnoster_short"
            },
            "leading_diamond": "\ue0b6",
            "template": " \uea83 {{ .Path }} {{ if not .Segments.Git }}<#c17e1a,transparent>\ue0b4</>{{ end }}",
            "foreground": "#ffffff",
            "background": "#c17e1a",
            "type": "path",
            "style": "diamond"
          },
          {
            "properties": {
              "ca…

View full answer

mu88 · 2025-01-06T14:49:00Z

mu88
Jan 6, 2025
Author

@JanDeDobbeleer: friendly ping - your help would be very much appreciated 😇

8 replies

mu88 Jan 7, 2025
Author

almost perfect, @JanDeDobbeleer, thank you so far 👍🏻 there is only a little missing piece, the missing rounded end in case it's neither a Git nor a .NET directory (here D:\..\GitHub):

mu88 Jan 9, 2025
Author

@JanDeDobbeleer: what I alround found out is that {{ len .Segments }} always returns 1, no matter whether there is a Git or .NET segment or just the path:

{
  "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
  "blocks": [
    {
      "type": "prompt",
      "alignment": "left",
      "segments": [
        {
          "properties": {
            "cache_duration": "none",
            "style": "agnoster_short"
          },
          "leading_diamond": "\ue0b6",
          "template": " \uea83 {{ .Path }}  {{ if or (eq (len .Segments) 1) (.Root) }}{{len .Segments}}{{ else }}Blub{{ end }}",
          "foreground": "#ffffff",
          "background": "#c17e1a",
          "type": "path",
          "style": "diamond"
        },
// other things

That seems strange to me 🤔

JanDeDobbeleer Jan 9, 2025
Maintainer

@mu88 That no longer works due to how the engine executes the segments in parallel.

JanDeDobbeleer Jan 9, 2025
Maintainer

{
    "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
    "blocks": [
      {
        "type": "prompt",
        "alignment": "left",
        "segments": [
          {
            "properties": {
              "cache_duration": "none",
              "style": "agnoster_short"
            },
            "leading_diamond": "\ue0b6",
            "template": " \uea83 {{ .Path }} {{ if not .Segments.Git }}<#c17e1a,transparent>\ue0b4</>{{ end }}",
            "foreground": "#ffffff",
            "background": "#c17e1a",
            "type": "path",
            "style": "diamond"
          },
          {
            "properties": {
              "cache_duration": "none"
            },
            "template": " \uf0e7 ",
            "foreground": "#ffffff",
            "background": "#ff009d",
            "type": "root",
            "style": "powerline",
            "powerline_symbol": "\ue0b0"
          },
          {
            "properties": {
              "branch_icon": "\ue725 ",
              "cache_duration": "none",
              "fetch_status": true,
              "fetch_upstream_icon": true
            },
            "template": " {{ .UpstreamIcon }}{{ .HEAD }}{{if .BranchStatus }} {{ .BranchStatus }}{{ end }}{{ if .Working.Changed }} \uf044 {{ .Working.String }}{{ end }}{{ if and (.Working.Changed) (.Staging.Changed) }} |{{ end }}{{ if .Staging.Changed }}<#ef5350> \uf046 {{ .Staging.String }}</>{{ end }} ",
            "foreground": "#011627",
            "background": "#FFFB38",
            "type": "git",
            "style": "powerline",
            "powerline_symbol": "\ue0b0",
            "background_templates": [
              "{{ if or (.Working.Changed) (.Staging.Changed) }}#ffeb95{{ end }}",
              "{{ if and (gt .Ahead 0) (gt .Behind 0) }}#c5e478{{ end }}",
              "{{ if gt .Ahead 0 }}#C792EA{{ end }}",
              "{{ if gt .Behind 0 }}#C792EA{{ end }}"
            ]
          },
          {
            "properties": {
              "cache_duration": "none"
            },
            "template": " \ue70c {{ .Full }} ",
            "foreground": "#ffffff",
            "background": "#6CA35E",
            "type": "dotnet",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "fetch_version": true
            },
            "template": " \ue718 {{ if .PackageManagerIcon }}{{ .PackageManagerIcon }} {{ end }}{{ .Full }} ",
            "foreground": "#ffffff",
            "background": "#6CA35E",
            "type": "node",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "fetch_version": true
            },
            "template": " \ue626 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} ",
            "foreground": "#111111",
            "background": "#8ED1F7",
            "type": "go",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "fetch_version": true
            },
            "template": " \ue624 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} ",
            "foreground": "#111111",
            "background": "#4063D8",
            "type": "julia",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "display_mode": "files",
              "fetch_virtual_env": false
            },
            "template": " \ue235 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} ",
            "foreground": "#111111",
            "background": "#FFDE57",
            "type": "python",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "display_mode": "files",
              "fetch_version": true
            },
            "template": " \ue791 {{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} ",
            "foreground": "#ffffff",
            "background": "#AE1401",
            "type": "ruby",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "display_mode": "files",
              "fetch_version": false
            },
            "template": " \uf0e7{{ if .Error }}{{ .Error }}{{ else }}{{ .Full }}{{ end }} ",
            "foreground": "#ffffff",
            "background": "#FEAC19",
            "type": "azfunc",
            "style": "diamond",
            "trailing_diamond": "\ue0b4"
          },
          {
            "properties": {
              "cache_duration": "none",
              "display_default": false
            },
            "template": " \ue7ad {{ .Profile }}{{ if .Region }}@{{ .Region }}{{ end }} ",
            "foreground": "#ffffff",
            "type": "aws",
            "style": "diamond",
            "background_templates": [
              "{{if contains \"default\" .Profile}}#FFA400{{end}}",
              "{{if contains \"jan\" .Profile}}#f1184c{{end}}"
            ]
          }
        ]
      },
      {
        "type": "rprompt",
        "segments": [
          {
            "properties": {
              "always_enabled": true,
              "cache_duration": "none"
            },
            "leading_diamond": "\ue0b6",
            "template": " \ue23a ",
            "foreground": "#ffffff",
            "background": "#00897b",
            "type": "status",
            "style": "diamond",
            "background_templates": [
              "{{ if gt .Code 0 }}#e91e63{{ end }}"
            ]
          },
          {
            "properties": {
              "cache_duration": "none",
              "style": "roundrock",
              "threshold": 0
            },
            "template": "<background,parentBackground>\ue0b2</> \ueba2 {{ .FormattedMs }} ",
            "foreground": "#ffffff",
            "background": "#83769c",
            "type": "executiontime",
            "style": "plain"
          },
          {
            "properties": {
              "cache_duration": "none",
              "time_format": "_2, 15:04:05"
            },
            "template": "<background,parentBackground>\ue0b2</> \uf073 {{ .CurrentDate | date .Format }} <background,transparent>\ue0b4</>",
            "foreground": "#111111",
            "background": "#2e9599",
            "type": "time",
            "style": "plain"
          }
        ]
      }
    ],
    "version": 3,
    "final_space": true
  }

Answer selected by mu88

mu88 Jan 13, 2025
Author

Thank you very much 🚀

mu88 Jan 13, 2025
Author

@JanDeDobbeleer - just out of curiosity: is there any equivalent left to express the condition am I the last segment? What I'd love to accomplish is that the template starts and ends with a semicircle, but the segments in between are separated by a triangle. I played a bit around, but I ended up with a huge bunch of conditions like if and (not .Segments.Node) (not .Segments.Dotnet) ... for each and every segment - so not really maintainable 🤔

JanDeDobbeleer Jan 13, 2025
Maintainer

I'll check. The rendering is done in parallel, drawing in sequence highly likely, no.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Styling partially corrupt after upgrade #6003

{{title}}

Replies: 1 comment 8 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

Select a reply

Styling partially corrupt after upgrade #6003

mu88 Dec 12, 2024

Before

After

Replies: 1 comment · 8 replies

mu88 Jan 6, 2025 Author

mu88 Jan 7, 2025 Author

mu88 Jan 9, 2025 Author

JanDeDobbeleer Jan 9, 2025 Maintainer

JanDeDobbeleer Jan 9, 2025 Maintainer

mu88 Jan 13, 2025 Author

mu88 Jan 13, 2025 Author

JanDeDobbeleer Jan 13, 2025 Maintainer

mu88
Dec 12, 2024

Replies: 1 comment 8 replies

mu88
Jan 6, 2025
Author

mu88 Jan 7, 2025
Author

mu88 Jan 9, 2025
Author

JanDeDobbeleer Jan 9, 2025
Maintainer

JanDeDobbeleer Jan 9, 2025
Maintainer

mu88 Jan 13, 2025
Author

mu88 Jan 13, 2025
Author

JanDeDobbeleer Jan 13, 2025
Maintainer