How do i export color assets from Adobe Xd? - adobe-xd

I've been working on a UI recently in AdobeXD and when I finished everything up and was ready to export to flutter, one annoying thing happened when I was testing. I had the unpleasant surprise to discover that my background color was missing! I figured out that I didn't select export color assets. Unfortunately, this did not solve my problem.

install advanced Export plugin
or use Share Tab in Adobe XD 2020

Using the Share tab in XD, select the "Development" view setting and provide (or open) the link in a browser. From there, you will be prompted to view in "Specs" mode (or click the small developer icon in the upper right of your browser) to view a panel with the colors.
As you hover over the tiles, you can click to copy the hex code.
(screen capture from colors in browser showing hover value

Related

FormsBuilder Layout Editor all colors appear as black

I'm using Forms versions 11.1.2.2.0 on centOs 6.10 system
I have o problem with Layout editor, all the colors appear as black
The problem is only in Layout editor when I deploy form it shows normal colors in web browser. The problem appeared today, yesterday everything was working just fine
I had the same thing happen and was able to fix it by doing this.
Try navigating to "Edit > Preferences" then change "Color Mode:" from 'Editable' to 'Read Only - Shared'. Restart your FormsBuilder application and see if the canvas is still black.
Image of FormsBuilder Preferences Window

Firefox Quantum responsive design mode: settings for align left & default size?

I just upgraded to firefox quantum and am unhappy with the changes to responsive design mode. I can't find any settings to configure things manually, and I'm wondering if I'm missing something.
1) The responsive window is now centered in the browser, rather than being aligned left as it was previously. This really messes with my workflow/window positioning for development. Is there a way to align the responsive design mode window to the left?
2) The responsive design mode window always opens at 320 x 480. In previous versions of firefox it would open at whatever size was last used. Any way to change this?
Thanks in advance for any thoughts.
1) Locate your profile folder (navigate to about:support and click button near "Profile Folder")
2) create or locate folder chrome there and create or locate file userContent.css in it
3) paste following code there
#-moz-document url("chrome://devtools/content/responsive.html/index.xhtml")
{
#app {align-items: flex-start !important; }
}
4) restart browser
At the moment, there does not seem to be any option to set a default device for Firefox Quantum RDM - I will file a bug/issue for this and keep you updated!

Xcode: How to show Preview in separate window instead of showing in Assistant editor?

When I'm making edits in storyboard I know how to show the preview in the assistant editor (as shown in the below screen shot).
How to show the preview in a separate window, so that I'll be able to drag it to my the screen attached to my computer?
UPDATE: Adding few more images to clarify what is the "Storyboard Preview":
In XCode 7 I managed to do this by selecting File -> New window, then adding a preview-part teh same way you illustrate above. I then drag it to my secondary screen resize everything to give a good preview of the screen sizes I want.

Changin theme of webIDE in firefox

I want to change the webIDE theme in Mozilla Firefox. I want the editor to be dark colored. I googled it but couldn't find anything.
WebIDE? Did you mean Mozilla Developer Edition?
You want to revert to it's original theme but the editor still remain dark?
I think it's impossible because the editor is dependent with the themes you used.
if you want to change the color of your Toolbar (I don't know what it is called) just go to Open Menu (the burger icon) ->Add-ons*( If you installed MDE it's theme will be available)* -> Appearance. then Enabled it.
To enter to Dev mode (MDE)just press F12 and your editor is not really black. There a link below, hope it helps you.
MDE Flavor Themes Enabled:
http://techlemonade.com/how-to-change-firefox-developer-edition-dark-theme-to-light-theme/

How to theme the ENTIRE Xcode IDE to light-on-dark?

On OSX, MacVim and Terminal can both be themed to be light-on-dark.
Xcode 3.2 allow the same customization for its editor using color schemes.
However, is there a way to do the same to its UI panels ("Groups and Files"
left pane and the list view top pane for example)? If not, is there a
quick way to toggle both panels on/off?
While you can't adjust the IDE color scheme, you can quickly toggle the navigator, debug area, and utility views with the following commands:
Navigator : ⌘0
Debug Area : ⇧⌘Y
Utility : ⌥⌘0
So, if you set your theme to one with a dark background, you can quickly close/open the lighter portions of the IDE as needed.
You can also change the debug console to have a different background by going into preferences ⌘., then go to Fonts & Colors, then select the Console. Now you can edit its background:
Just be sure to edit the font colors of the various input and outputs texts if you choose black. By default all of the input/output fonts are black, only the console prompt is not.
One possibility for now: System Preferences => Accessibility => Display => Invert Colors.
Note that Apple recently announced at WWDC that Xcode 10 will support "dark mode" as of some time in late 2018.
One cool workaround for this is to use a combination of
"Invert Colors" (in System Preferences -> Accessibility -> Display -> Invert Colors OR setting up a "Ctrl-Opt-Cmd-8" shortcut in System Preferences -> Keyboard -> Shortcuts -> Accessibility -> Invert Colors)
and
Choosing your favourite dark theme in Xcode's "Fonts & Colors", but inverted (!).
For example, I like a Choco theme from Chocolat app, but I need the functionality of Xcode, so I imported the theme manually by adjusting and enhancing some of the fonts and colors in some Xcode's custom dark theme's duplicate. After I was happy with the final theme, I duplicated it and inverted the colors using one of the websites that can be found in Google (http://www.mattlag.com/scripting/hexcolorinverter.php). And voila! "Ctrl-Opt-Cmd-8" + "Inverted Dark Theme" makes the whole Xcode environment dark and looking great, without the need of hiding any other sections of Xcode like Navigator, Debug and Utilities.
Let me know if this solution helps. I find it a little time consuming, but worth the effort.
p.s.: I've posted the discussed themes on GitHub: https://github.com/Rep0se/xcode-themes
p.p.s: To theme FileMerge tool in Mojave (for now) use this solution in combination with Invert Colors outlined above.
Quick shortcut Tip: To launch preferences, hit "Command" + ","
WWDC 2018 announced that Xcode 10 on macOS 10.14 will finally include native dark mode support. This will be available around Q3 2018. It will be a full dark style from the side menus to storyboards.
You can turn to full dark mode with the new macOS Mojave.
Simply go to System settings->General and switch to dark. Enjoy!!!
I've been digging around lately and I found some kind of "Hack" of DVT Framework myself... Xcode 10 with dark theme is however around the corner, so there will be no need for this hacking anymore... Anyway you can do nice thingies with this such as changing Highlight colors for buttons and plist-file browsers... If you open Xcode with Show Package Contents and browse a bit, you can find this nice file:
/Applications/Xcode.app/Contents/SharedFrameworks/DVTKit.framework/Versions/A/Resources/Default.dvttheme
You can open this either with Visual Studio Code or Atom or any code editor.
From now on, you can do some hacking and change some of the colors in the Xcode IDE:
But somehow, due to nature of Aqua theme/user interface, you cannot change the scrollViews, which is a bit disappointing... When you could, I would already create repo which would have all the craziness of colors for this. If you want, you can change at least plistViewer and the Attributes inspector windows (The properties are called and documented nice in Default.dvttheme
Hope this helps a bit.
edit:
What you could do is to edit the default Aqua theme with ThemeEngine https://github.com/DominikBucher12/ThemeEngine
(Change assets to black/dark) and the Xcode would inherit this Appearance..
There is an Xcode project that has a huge collection of themes, both light and dark. My favorite is Moodnight.
https://github.com/hdoria/xcode-themes

Resources