Move DAS tutorial dir, and add light mode icons

The tutorial doc was mistakenly _not_ in the doc/ directory.

The icons show up as way too big, so I use inline HTML to specify
their width, so that they look good inline.

I add light mode icons, and use GitHub (and dartdoc)'s support for
switching between light mode and dark mode images.
https://www.stefanjudis.com/notes/how-to-define-dark-light-mode-images-in-github-markdown/

Change-Id: I1a368bfc6628adf941ba5e7a752317f9757d2538
Reviewed-on: https://dart-review.googlesource.com/c/sdk/+/273460
Commit-Queue: Samuel Rawlins <srawlins@google.com>
Reviewed-by: Brian Wilkerson <brianwilkerson@google.com>
This commit is contained in:
Sam Rawlins 2022-12-02 17:16:08 +00:00 committed by Commit Queue
parent 16149782ef
commit 987c7503d1
5 changed files with 9 additions and 7 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

View file

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

View file

@ -17,9 +17,10 @@ the IDE launches DAS, the steps are different for each IDE.
value to `--instrumentation-log-file=/some/file.txt`. If there are other
arguments listed, which you wish to keep, add this new argument to the
existing value, separated by whitespace.
3. In the **Dart Analysis** panel, click the ![restart DAS
icon](restart-das-ison.png) **Restart Dart Analysis Server**
button.
3. In the **Dart Analysis** panel, click the
<img src="restart-das-icon-light.png#gh-light-mode-only"
style="width:16px" /><img src="restart-das-icon.png#gh-dark-mode-only"
style="width:16px" /> **Restart Dart Analysis Server** button.
After doing those steps, DAS will write an instrumentation log to the specified
file (`/some/file.txt` above).
@ -37,10 +38,11 @@ IDE.
### IntelliJ IDEA and Android Studio
1. In the **Dart Analysis** panel, click the ![gear-icon.png](gear-icon.png)
**Analyzer Settings** button on the left with the gear icon. Note, this is
different from the "Show Options Menu" button at the top, which also has a
gear icon.
1. In the **Dart Analysis** panel, click the
<img src="gear-icon-light.png#gh-light-mode-only" style="width:16px" /><img
src="gear-icon.png#gh-dark-mode-only" style="width:16px" /> **Analyzer
Settings** button on the left with the gear icon. Note, this is different
from the "Show Options Menu" button at the top, which also has a gear icon.
2. Click the **View analyzer diagnostics** link. The analyzer diagnostics
website should open in an external browser.

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View file

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB