gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-26 19:15:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

Updated the input text focus color to purple

Browse Source
This commit is contained in:
idonahue 2023-07-11 17:58:45 +02:00
parent a1b034c5d3
commit ea1d0cb848
3 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.postcss
View File

@ -16,7 +16,7 @@ textarea {
outline: none; outline: none;
@apply rounded border border-light-500 bg-white p-2 text-light-900 dark:border-dark-400 dark:bg-dark-600 dark:text-dark-100; @apply rounded border border-light-500 bg-white p-2 text-light-900 dark:border-dark-400 dark:bg-dark-600 dark:text-dark-100;
@apply hover:border-zinc-500/80; @apply hover:border-zinc-500/80;
@apply focus:ring-2 focus:ring-blue-600; @apply focus:ring-2 focus:ring-purple-600;
} }
/* OUTLINE REMOVAL */ /* OUTLINE REMOVAL */

20
src/routes/repo/[projectId]/BranchLane.svelte
View File

@ -114,15 +114,15 @@
}} }}
> >
<div <div
class="mb-2 flex w-full shrink-0 items-center gap-x-2 rounded-lg bg-light-200 text-lg text-light-900 dark:bg-dark-1000 dark:font-normal dark:text-dark-100" class="mb-2 flex w-full shrink-0 items-center rounded bg-light-200 text-lg text-light-900 dark:bg-dark-1000 dark:font-normal dark:text-dark-100"
> >
<div <div
on:dblclick={() => (maximized = !maximized)} on:dblclick={() => (maximized = !maximized)}
class="h-8 w-8 flex-grow-0 cursor-pointer p-2 text-light-600 dark:text-dark-200" class="h-8 w-8 flex-grow-0 cursor-pointer p-2 text-light-600 dark:text-dark-200"
> >
<IconBranch /> <IconBranch />
</div> </div>
<div class="flex-grow"> <div class="flex-grow mr-1 ">
<input <input
type="text" type="text"
bind:value={name} bind:value={name}
@ -154,6 +154,8 @@
{/if} {/if}
</PopupMenuItem> </PopupMenuItem>
<div class="my-2 h-[1px] w-full bg-light-300 dark:bg-dark-600"></div>
<PopupMenuItem on:click={() => branchController.createBranch({ order })}> <PopupMenuItem on:click={() => branchController.createBranch({ order })}>
Create branch before Create branch before
</PopupMenuItem> </PopupMenuItem>
@ -229,10 +231,10 @@
<!-- Unpushed commits --> <!-- Unpushed commits -->
{#each localCommits as commit (commit.id)} {#each localCommits as commit (commit.id)}
<div class="flex w-full px-2 pb-4"> <div class="flex w-full px-2 pb-4">
<div class="z-10 w-6 py-2"> <div class="z-10 w-6 ml-1 py-4">
<!-- Unpushed commit bubble --> <!-- Unpushed commit bubble -->
<div <div
class="h-4 w-4 rounded-full border-2 border-light-600 bg-light-200 dark:border-dark-200 dark:bg-dark-1000" class="h-2 w-2 rounded-full border-2 border-light-600 bg-light-200 dark:border-dark-200 dark:bg-dark-1000"
/> />
</div> </div>
<div class="flex-grow"> <div class="flex-grow">
@ -247,9 +249,9 @@
<div class="absolute top-0 h-full w-0.5 bg-light-600" style="left: 0.925rem" /> <div class="absolute top-0 h-full w-0.5 bg-light-600" style="left: 0.925rem" />
<!-- Section title for remote commits --> <!-- Section title for remote commits -->
<div class="flex w-full px-2 pb-4"> <div class="flex w-full px-2 pb-4">
<div class="z-10 w-6"> <div class="z-10 w-6 ml-1 py-4">
<div <div
class="h-4 w-4 rounded-full border-2 border-light-200 bg-light-200 text-black dark:border-dark-200 dark:bg-dark-200 dark:text-white" class="h-2 w-2 rounded-full border-2 border-light-200 bg-light-200 text-black dark:border-dark-200 dark:bg-dark-200 dark:text-white"
> >
<!-- Target HEAD commit bubble --> <!-- Target HEAD commit bubble -->
<IconGithub /> <IconGithub />
@ -259,10 +261,10 @@
</div> </div>
{#each remoteCommits as commit (commit.id)} {#each remoteCommits as commit (commit.id)}
<div class="flex w-full px-2 pb-4"> <div class="flex w-full px-2 pb-4">
<div class="z-10 w-6 py-2"> <div class="z-10 w-6 ml-1 py-4">
<!-- Pushed commit bubble --> <!-- Pushed commit bubble -->
<div <div
class="rounded--b-sm h-4 w-4 rounded-full border-2 border-light-200 bg-light-600 dark:border-dark-200 dark:bg-dark-200" class="rounded--b-sm h-2 w-2 rounded-full border-2 border-light-200 bg-light-600 dark:border-dark-200 dark:bg-dark-200"
/> />
</div> </div>
<CommitCard {commit} /> <CommitCard {commit} />

2
tailwind.config.cjs
View File

@ -120,7 +120,7 @@ const config = {
900: '#14532d' 900: '#14532d'
}, },
purple: { purple: {
600: '#58529F' 600: '#5852A0'
}, },
orange: { orange: {
200: '#fed7aa' 200: '#fed7aa'