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;
@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 focus:ring-2 focus:ring-blue-600;
@apply focus:ring-2 focus:ring-purple-600;
}
/* OUTLINE REMOVAL */

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

@ -114,15 +114,15 @@
}}
>
<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
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 />
</div>
<div class="flex-grow">
<div class="flex-grow mr-1 ">
<input
type="text"
bind:value={name}
@ -154,6 +154,8 @@
{/if}
</PopupMenuItem>
<div class="my-2 h-[1px] w-full bg-light-300 dark:bg-dark-600"></div>
<PopupMenuItem on:click={() => branchController.createBranch({ order })}>
Create branch before
</PopupMenuItem>
@ -229,10 +231,10 @@
<!-- Unpushed commits -->
{#each localCommits as commit (commit.id)}
<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 -->
<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 class="flex-grow">
@ -247,9 +249,9 @@
<div class="absolute top-0 h-full w-0.5 bg-light-600" style="left: 0.925rem" />
<!-- Section title for remote commits -->
<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
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 -->
<IconGithub />
@ -259,10 +261,10 @@
</div>
{#each remoteCommits as commit (commit.id)}
<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 -->
<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>
<CommitCard {commit} />

2
tailwind.config.cjs
View File

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