From 79be8a8173394f08fb8567eddc668e7261108e16 Mon Sep 17 00:00:00 2001 From: shidorien Date: Fri, 5 Jan 2024 22:53:54 +0100 Subject: [PATCH] Add styles for tooltips --- src/renderer/index.css | 21 +++++++++++++++++++++ src/renderer/index.tsx | 1 + 2 files changed, 22 insertions(+) diff --git a/src/renderer/index.css b/src/renderer/index.css index b8730906..3ad6255b 100644 --- a/src/renderer/index.css +++ b/src/renderer/index.css @@ -19,6 +19,7 @@ } * { + user-select: none; } @@ -78,6 +79,26 @@ background: rgba(0, 0, 0, 0.25); } + + +.tippy-box[data-theme~='default'] { + @apply !bg-neutral-900; + color: #fff; +} + +.tippy-box[data-theme~='default'][data-placement^='top'] > .tippy-arrow::before { + @apply !border-t-neutral-900 +} +.tippy-box[data-theme~='default'][data-placement^='bottom'] > .tippy-arrow::before { + @apply !border-b-neutral-900 +} +.tippy-box[data-theme~='default'][data-placement^='left'] > .tippy-arrow::before { + @apply !border-l-neutral-900 +} +.tippy-box[data-theme~='default'][data-placement^='right'] > .tippy-arrow::before { + @apply !border-r-neutral-900 +} + @keyframes glowing { 0% { background-position: 0 0; diff --git a/src/renderer/index.tsx b/src/renderer/index.tsx index befd5df7..66e121a6 100644 --- a/src/renderer/index.tsx +++ b/src/renderer/index.tsx @@ -1,6 +1,7 @@ import { createRoot } from "react-dom/client"; import { HashRouter } from "react-router-dom"; import "tailwindcss/tailwind.css"; + import "./index.css"; import { IpcService } from "./services/ipc.service"; import { ThemeService } from "./services/theme.service";