Additional theming and UI configurability

[clo4]

It would be nice if the themes could be edited directly from the settings menu of Fig. Over the hood, the theme is a json file with determinate keys and values. I think customizing the theme helps a lot, is the visual gateway to Fig !

[clo4]

I think this is a list of everything that can't currently be changed with a theme that would be good to expose.

• Autocomplete popup border radius
• Autocomplete popup border
• Autocomplete popup background transparency
• Suggestion margin
• Suggestion padding
• Suggestion border radius
• Suggestion border
• Suggestion icon style (native | nerdfonts)

I don't think we would need to expose full CSS editing. If we change things internally then the CSS theme might break, but we can make sure each property of the JSON file is hooked up to the right place.

For an example of this, Alfred allows you to edit every part of the popup:

Alfred theme in JSON form

{
  "alfredtheme" : {
    "result" : {
      "textSpacing" : 9,
      "subtext" : {
        "size" : 12,
        "colorSelected" : "#FFFFFFC4",
        "font" : "System",
        "color" : "#FFFFFFA6"
      },
      "shortcut" : {
        "size" : 16,
        "colorSelected" : "#FFFFFFFF",
        "font" : "System",
        "color" : "#FFFFFFA3"
      },
      "backgroundSelected" : "#00000054",
      "text" : {
        "size" : 15,
        "colorSelected" : "#FFFFFFFF",
        "font" : "System",
        "color" : "#FFFFFFE5"
      },
      "iconPaddingHorizontal" : 10,
      "roundness" : 0,
      "paddingVertical" : 7,
      "iconSize" : 29
    },
    "search" : {
      "backgroundSelected" : "#307CFCFF",
      "paddingHorizontal" : 12,
      "spacing" : 0,
      "text" : {
        "size" : 30,
        "colorSelected" : "#FFFFFFFF",
        "font" : "System Light",
        "color" : "#FFFFFFFF"
      },
      "background" : "#00000000",
      "roundness" : 0,
      "paddingVertical" : 9
    },
    "window" : {
      "color" : "#00000059",
      "paddingHorizontal" : 0,
      "width" : 560,
      "borderPadding" : 0,
      "borderColor" : "#0000007F",
      "blur" : 0,
      "roundness" : 10,
      "paddingVertical" : 0
    },
    "credit" : "github.com\/SeparateRecords",
    "visualEffectMode" : 2,
    "separator" : {
      "color" : "#FFFFFF1E",
      "thickness" : 1
    },
    "scrollbar" : {
      "color" : "#FFFFFF41",
      "thickness" : 6
    },
    "name" : "Premium, dark"
  }
}

[minvernizzinextbit]

HI @SeparateRecords! first of all great work with fig, as always. I really appreciate the work you guys/girls are doing, it's pretty amazing. I wanted to add a suggestion related to UI configurability (I guess it would be a feature request and I understand it would not be top priority): It would be awesome if we could choose if we want to launch fig on startup WITHOUT the ui dashboard. The new dashboard is really cool but it gets kind of annoying that I have to close it on every startup, at the point where I would prefer to uncheck the "launch on startup" option =) Maybe the feature is already there and I just couldn't find it.

I think this would be a great small addition (in due time of course) for those of us who turn off their computer every night. Again, awesome work!

[clo4]

Hey @minvernizzinextbit! This is actually a bug in the latest version. Run this command: rm ~/Library/LaunchAgents/io.fig.launcher.plist then fig restart, should fix the issue 🙂

[minvernizzinextbit]

Hey @minvernizzinextbit! This is actually a bug in the latest version. Run this command: rm ~/Library/LaunchAgents/io.fig.launcher.plist then fig restart, should fix the issue 🙂

It worked, thanks!