From 79295683eeb513de7cf07cf647bf56de5cae37aa Mon Sep 17 00:00:00 2001 From: AutumnVN Date: Fri, 6 Oct 2023 09:07:16 +0700 Subject: [PATCH] PictureInPicture: pip button hover styles (#1775) Co-authored-by: V --- src/plugins/pictureInPicture/index.tsx | 5 ++++- src/plugins/pictureInPicture/styles.css | 8 ++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 src/plugins/pictureInPicture/styles.css diff --git a/src/plugins/pictureInPicture/index.tsx b/src/plugins/pictureInPicture/index.tsx index d10d42fff..bb6aee18f 100644 --- a/src/plugins/pictureInPicture/index.tsx +++ b/src/plugins/pictureInPicture/index.tsx @@ -4,6 +4,8 @@ * SPDX-License-Identifier: GPL-3.0-or-later */ +import "./styles.css"; + import { definePluginSettings } from "@api/Settings"; import ErrorBoundary from "@components/ErrorBoundary"; import { Devs } from "@utils/constants"; @@ -41,6 +43,7 @@ export default definePlugin({ {tooltipProps => (
diff --git a/src/plugins/pictureInPicture/styles.css b/src/plugins/pictureInPicture/styles.css new file mode 100644 index 000000000..d0a81ca57 --- /dev/null +++ b/src/plugins/pictureInPicture/styles.css @@ -0,0 +1,8 @@ +.vc-pip-button { + color: var(--interactive-normal); +} + +.vc-pip-button:hover { + background-color: var(--background-modifier-hover); + color: var(--interactive-hover); +}