[Bug report] Transition time of kbd and hr elements

[onedonedone]

Description

Borders of keyboard input elements and horizontal rules flash when changing colors since the transition time is not consistent with the background.

https://github.com/vuepress/ecosystem/assets/168573322/6b476bc6-ff15-4f51-bd5b-e2a1c4083295

Since it's the same phenomenon as #190, I have checked the other elements and confirmed that there are no similar issues for now to avoid seeming overly repetitive.

Reproduction

https://stackblitz.com/edit/vuepress-kayuo8

Used Package Manager

npm

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
    CPU: (6) x64 Intel(R) Core(TM) i5-8500 CPU @ 3.00GHz
    Memory: 5.84 GB / 7.73 GB
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 20.14.0 - ~/.nvm/versions/node/v20.14.0/bin/node
    Yarn: Not Found
    npm: 10.7.0 - ~/.nvm/versions/node/v20.14.0/bin/npm
    pnpm: Not Found
    bun: Not Found
  Utilities:
    Git: 2.34.1 - /usr/bin/git
  Browsers:
    Chrome: Not Found
  npmPackages:
    @vuepress/bundler-vite: 2.0.0-rc.13 => 2.0.0-rc.13 
    @vuepress/bundler-webpack: Not Found
    @vuepress/cli:  2.0.0-rc.13 
    @vuepress/client:  2.0.0-rc.13 
    @vuepress/core:  2.0.0-rc.13 
    @vuepress/markdown:  2.0.0-rc.13 
    @vuepress/shared:  2.0.0-rc.13 
    @vuepress/utils:  2.0.0-rc.13 
    vue: 3.4.27 => 3.4.27 
    vue-router:  4.3.2 
    vuepress: 2.0.0-rc.13 => 2.0.0-rc.13