diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 07d987ef2..bfeb807d9 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -191,12 +191,12 @@ } .p-editor-container .p-editor-toolbar { - background: #071426; + background: #1f2937; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: rgba(255, 255, 255, 0.6); @@ -227,8 +227,8 @@ fill: rgba(255, 255, 255, 0.87); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; padding: 0.75rem 0; @@ -248,10 +248,10 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-editor-container .p-editor-content .ql-editor { - background: #040d19; + background: #111827; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 6c6597ed4..7fee60669 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -191,12 +191,12 @@ } .p-editor-container .p-editor-toolbar { - background: #071426; + background: #1f2937; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: rgba(255, 255, 255, 0.6); @@ -227,8 +227,8 @@ fill: rgba(255, 255, 255, 0.87); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; padding: 0.75rem 0; @@ -248,10 +248,10 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-editor-container .p-editor-content .ql-editor { - background: #040d19; + background: #111827; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index e9387f836..2b5b2a441 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -191,12 +191,12 @@ } .p-editor-container .p-editor-toolbar { - background: #071426; + background: #1f2937; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: rgba(255, 255, 255, 0.6); @@ -227,8 +227,8 @@ fill: rgba(255, 255, 255, 0.87); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; padding: 0.75rem 0; @@ -251,10 +251,7 @@ border: 1px solid #424b57; } .p-editor-container .p-editor-content .ql-editor { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-content .ql-editor { - background: #040d19; + background: #111827; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index c27fa4072..fced73f9e 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -289,105 +289,6 @@ color: #10b981; } -.p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; -} -.p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #5EEAD4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #5EEAD4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #5EEAD4; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #5EEAD4; -} - @layer primevue { * { box-sizing: border-box; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 9f6fac156..6f558efca 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -191,12 +191,40 @@ } .p-editor-container .p-editor-toolbar { - - background: #f8f9fa; + background: #f9fafb; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; @@ -205,6 +233,12 @@ border-radius: 6px; padding: 0.75rem 0; } +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; @@ -213,8 +247,27 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 6ccdb395f..9f1aa1750 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -190,6 +190,56 @@ --primary-900:#282960; } +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } @@ -197,6 +247,27 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 1eb0454d6..c8d685a76 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -190,6 +190,42 @@ --primary-900:#382562; } +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; @@ -197,7 +233,13 @@ border-radius: 6px; padding: 0.75rem 0; } - +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.75rem 1.25rem; } @@ -205,7 +247,27 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 66a4698e3..8039fd547 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -289,105 +289,6 @@ color: #10b981; } -.p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; -} -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; -} -.p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; -} -.p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} -.p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #14B8A6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #14B8A6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #14B8A6; -} -.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #14B8A6; -} - @layer primevue { * { box-sizing: border-box;