🎨 Palette: Explicitly highlight keyboard shortcuts with <kbd> tags - #281
🎨 Palette: Explicitly highlight keyboard shortcuts with <kbd> tags#281EiJackGH wants to merge 1 commit into
<kbd> tags#281Conversation
Co-authored-by: EiJackGH <172181576+EiJackGH@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
💡 What: Wrapped keyboard shortcuts in semantic
<kbd>tags with physical key styling and added a text-shadow to the instructions text.🎯 Why: Improves intuitiveness and discoverability of custom keyboard controls against a dynamic background.
📸 Before/After: Instructions text now visibly stands out as physical keyboard keys.
♿ Accessibility: Uses semantic
<kbd>tags for keyboard inputs and text-shadow to maintain high color contrast. Note: Added custom CSS to the internal<style>block to match the file's existing pattern since this is an isolated njk template without external CSS dependencies.PR created automatically by Jules for task 2453718479956176999 started by @EiJackGH