• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Design view invisible elements icons invisible in dark app theme

Community Beginner ,
Jan 29, 2019 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?

Views

404

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
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 29, 2019 Jan 29, 2019

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

...

Votes

Translate

Translate
Community Expert ,
Jan 29, 2019 Jan 29, 2019

Copy link to clipboard

Copied

See screenshot from CC 19.01

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Community Beginner ,
Jan 29, 2019 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.

Votes

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
community guidelines
Community Expert ,
Jan 29, 2019 Jan 29, 2019

Copy link to clipboard

Copied

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

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Community Beginner ,
Jan 29, 2019 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

Votes

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
community guidelines
Community Expert ,
Jan 29, 2019 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Community Beginner ,
Jan 29, 2019 Jan 29, 2019

Copy link to clipboard

Copied

LATEST

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

Votes

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
community guidelines
Community Beginner ,
Jan 29, 2019 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

Votes

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
community guidelines
Community Beginner ,
Jan 29, 2019 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

Votes

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
community guidelines