Highlighted

Design view invisible elements icons invisible in dark app theme

New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

I'm wondering if anyone has a fix for the missing invisible elements from the design view window when you have chosen to view invisible elements? If I choose either of the two dark app themes the icons are invisible. They're visible on the two lighter app themes. I saw a question from June last year but it was marked as answered but the problem still persists. Any ideas? Is there are way to edit the UI ourselves or make our own app themes? I know I can create custom code colouring but what about app themes?

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Here is my test code:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Invisible Elements Test</title>

</head>

<body>

<a name="section1"><h1>Heading 1</h1></a>

<!--THIS IS A COMMENT-->

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga pariatur, adipisci <br>neque tempore illum molestiae laborum officiis aspernatur, quis deserunt nihil, esse ab amet veniam provident! Maxime, <br>

dolorum aspernatur provident.</p>

<!--THIS IS A COMMENT-->

<table>

<tr>

<th>Table Heading</th>

</tr>

<tr>

<td>something</td>

<td>something</td>

<td>something</td>

</tr>

</table>

<script>

This is a script

</script>

</body>

</html>

View > Design View Options > Visual Aids (all items checked).

And this is Design View with a dark interface.  I'll admit, some icons are faint but even these tired old eyes can see them.

Views

181

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Design view invisible elements icons invisible in dark app theme

New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

I'm wondering if anyone has a fix for the missing invisible elements from the design view window when you have chosen to view invisible elements? If I choose either of the two dark app themes the icons are invisible. They're visible on the two lighter app themes. I saw a question from June last year but it was marked as answered but the problem still persists. Any ideas? Is there are way to edit the UI ourselves or make our own app themes? I know I can create custom code colouring but what about app themes?

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Here is my test code:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Invisible Elements Test</title>

</head>

<body>

<a name="section1"><h1>Heading 1</h1></a>

<!--THIS IS A COMMENT-->

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga pariatur, adipisci <br>neque tempore illum molestiae laborum officiis aspernatur, quis deserunt nihil, esse ab amet veniam provident! Maxime, <br>

dolorum aspernatur provident.</p>

<!--THIS IS A COMMENT-->

<table>

<tr>

<th>Table Heading</th>

</tr>

<tr>

<td>something</td>

<td>something</td>

<td>something</td>

</tr>

</table>

<script>

This is a script

</script>

</body>

</html>

View > Design View Options > Visual Aids (all items checked).

And this is Design View with a dark interface.  I'll admit, some icons are faint but even these tired old eyes can see them.

Views

182

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 29, 2019 0
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

See screenshot from CC 19.01

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

That doesn't do anything. It certainly doesn't fix the issue. I know where those menu options are. I'm trying to view "invisible elements" not CSS Layout Backgrounds.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

Show us a screenshot of what you're seeing please.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

Here's the app in a light app theme with a split screen showing the invisibles.

Light mode.PNG

Here's the app in a dark app theme with a split screen showing the invisibles are invisible. Funnily, there are blank placeholders there where the icons should be so it seems like they meant to create a different icon set but didn't bundle it with the app.

dark mode.PNG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

I'm using Dreamweaver 18.2 as I'm on Windows 8.1 Enterprise and it doesn't appear that DW CC 19 is compatible with that ... Dreamweaver system requirements

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

Here is my test code:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Invisible Elements Test</title>

</head>

<body>

<a name="section1"><h1>Heading 1</h1></a>

<!--THIS IS A COMMENT-->

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga pariatur, adipisci <br>neque tempore illum molestiae laborum officiis aspernatur, quis deserunt nihil, esse ab amet veniam provident! Maxime, <br>

dolorum aspernatur provident.</p>

<!--THIS IS A COMMENT-->

<table>

<tr>

<th>Table Heading</th>

</tr>

<tr>

<td>something</td>

<td>something</td>

<td>something</td>

</tr>

</table>

<script>

This is a script

</script>

</body>

</html>

View > Design View Options > Visual Aids (all items checked).

And this is Design View with a dark interface.  I'll admit, some icons are faint but even these tired old eyes can see them.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 1
lukas-h LATEST
New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

Aha, that's it. The icons are white on a white background. If I change the background to something dark I can see them. Strange that DW wants to use dark icons in an area that will predominantly be white. I guess if I can find the locations of these UI elements I could make a photoshop script to convert them all to a different colour.

darkmode with background.PNG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

I'm trying to get these to show in design view. If I change to the lighter app themes they show. If I use either of the dark themes you can't see them.

Insivible Elements.PNG

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0