add opacity styles

arista-netdevops-community · Apr 8, 2024 · 1a728dd · 1a728dd
1 parent 675716c
commit 1a728dd
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/docs/index.md b/docs/index.md
@@ -32,14 +32,14 @@ To set the token:
 
 ??? "Step1: Go to the Account Settings (right top corner)"
 
-    ![account settings](assets/images/account_settings.png)
+    ![account settings](assets/images/account_settings.png){ .opacity09 }
 
 ???+ "Step2: Go to `Codespaces > Codespaces secrets > New secret`"
 
     - add ARTOKEN to auto-download EOS images from [arista.com](arista.com). Under `Repository access` select `arista-netdevops-community/one-click-se-demos`
     - add CV_API_TOKEN if CVaaS is part of the demo. Keep in mind, this token has to be created under service account. Device onboarding token is not required as it will be generated automatically. Under `Repository access` select `arista-netdevops-community/one-click-se-demos`
 
-    ![codespaces secrets](assets/images/codespaces-secrets.png)
+    ![codespaces secrets](assets/images/codespaces-secrets.png){ .opacity09 }
 
     !!! Warning "WARNING!"
 

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -8,4 +8,22 @@
 }
 .heartbeat {
   animation: heartbeat 1000ms infinite;
+}
+.opacity05 {
+  opacity: 0.5;
+}
+.opacity06 {
+  opacity: 0.6;
+}
+.opacity07 {
+  opacity: 0.7;
+}
+.opacity08 {
+  opacity: 0.8;
+}
+.opacity09 {
+  opacity: 0.9;
+}
+.contrast90 {
+  filter: contrast(90%);
 }