Redesign language chooser and add light/dark code theme

content/docs/iac/concepts/stacks.md

@@ -393,7 +393,7 @@ Stack outputs respect secret annotations and are encrypted appropriately. If a s
 
 To add a README to a stack, export a stack output named `readme` whose value is the rendered markdown — most commonly by reading from a template file checked into your project (for example, `Pulumi.README.md`):
 
-{{< chooser language "typescript,python,go,csharp,java" / >}}
+{{< chooser language "typescript,python,go,csharp,java" >}}
 
 {{% choosable language typescript %}}
 
@@ -474,6 +474,8 @@ public class App {
 
 {{% /choosable %}}
 
+{{< /chooser >}}
+
 The template file can reference other stack outputs (or resource properties) with `${...}` placeholders that Pulumi Cloud resolves when rendering. For example:
 
 ```markdown

layouts/partials/example-program.html

@@ -74,8 +74,8 @@
                 <div data-program-path="{{ $path }}" data-program-language="{{ $language }}" data-program-file="{{ $program }}" data-program-depfile="{{ $depfile }}">
                     {{ highlight $code $language }}
                 </div>
-                <div class="example-program-footer bg-white">
-                    <pulumi-tooltip>
+                <div class="example-program-footer">
+                    <pulumi-tooltip position="left">
                         <a href="https://github.com/pulumi/docs/tree/master/static/programs/{{ $path }}-{{ $language }}" target="_blank">
                             {{ partial "icon.html" (dict "name" "brand/github") }}
                         </a>

layouts/shortcodes/example-program.html

@@ -78,8 +78,8 @@
 <div data-program-path="{{ $path }}" data-program-language="{{ $language }}" data-program-file="{{ $program }}" data-program-depfile="{{ $depfile }}">
 {{ highlight $code $language }}
 </div>
-<div class="example-program-footer bg-white">
-<pulumi-tooltip>
+<div class="example-program-footer">
+<pulumi-tooltip position="left">
 <a href="https://github.com/pulumi/docs/tree/{{ $.Site.Params.contentRepositoryBaseBranch }}/static/programs/{{ $path }}-{{ $language }}" target="_blank">
 {{ partial "icon.html" (dict "name" "brand/github") }}
 </a>