From 1fa11060ad00a181981674cabcb81c25417f2885 Mon Sep 17 00:00:00 2001
From: Elisabeth Dickinson <edi@odoo.com>
Date: Thu, 10 Nov 2022 16:03:21 +0100
Subject: [PATCH] [IMP][CSS] update literals styles (.o_code, .sig-*)

---
 extensions/odoo_theme/static/style.scss | 41 +++++++++++--------------
 1 file changed, 18 insertions(+), 23 deletions(-)

diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 4d4f29bb0..c14d07495 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -437,22 +437,19 @@ header {
             padding: 0 .3rem;
         }
     }
-    code {
+
+    // Markup Styles
+    .o_code, .sig [class^="sig-"] {
         display: inline-block;
         color: inherit;
         overflow-wrap: anywhere;
-        &:first-of-type:not(span):not(em) {
-            padding-left: .3rem;
-        }
-        &:last-of-type:not(em) {
-            padding-right: .3rem;
-        }
-        ~ .sig-paren, ~ .sig-param, ~ .optional {
-            @extend code;
-            + .sig-paren {
-                padding: 0 .1rem;
-            }
-        }
+        background: $o-gray-bg;
+        font-size: 0.875em;
+        font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
+    }
+
+    .o_code {
+        padding: 0 .3rem;
         &.file {
             font-family: $font-family-base;
             font-weight: $fw_medium;
@@ -461,10 +458,14 @@ header {
             color: $color-beta-dark;
             background-color: lighten($color-beta-lightest, 30%);
         }
+    }
 
-        &:not(.file) {
-            color: inherit;
-            background: darken($doc_code-bg,3%);
+    .sig {
+        [class^="sig-"]:first-of-type, span[id] + [class^="sig-"]{
+                padding-left: .3rem;
+        }
+        [class^="sig-"]:last-of-type {
+            padding-right: .3rem;
         }
     }
 
@@ -661,12 +662,6 @@ header {
                 }
             }
 
-            .command {
-                font-family: var(--bs-font-monospace);
-                font-weight: $fw_regular;
-                @extend code;
-            }
-
             dl.py, dl.js, dl.o-definition-list {
                 > dd {
                     border-left: 3px solid $gray-lighter;
@@ -683,7 +678,7 @@ header {
                         }
                     }
                     &:not(:first-child) {
-                        @extend code;
+                        @extend .o_code;
                         &:last-of-type {
                             padding-right: .3rem;
                         }