mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-03 23:14:13 +00:00 
			
		
		
		
	Darken
This commit is contained in:
		
							parent
							
								
									dd509333a3
								
							
						
					
					
						commit
						4bf85a0e6b
					
				
					 3 changed files with 21 additions and 6 deletions
				
			
		| 
						 | 
				
			
			@ -69,7 +69,7 @@ export default Vue.extend({
 | 
			
		|||
<style lang="stylus" scoped>
 | 
			
		||||
@import '~const.styl'
 | 
			
		||||
 | 
			
		||||
.mk-poll-editor
 | 
			
		||||
root(isDark)
 | 
			
		||||
	padding 8px
 | 
			
		||||
 | 
			
		||||
	> .caution
 | 
			
		||||
| 
						 | 
				
			
			@ -102,6 +102,8 @@ export default Vue.extend({
 | 
			
		|||
				padding 6px 8px
 | 
			
		||||
				width 300px
 | 
			
		||||
				font-size 14px
 | 
			
		||||
				color isDark ? #fff : #000
 | 
			
		||||
				background isDark ? #191b22 : #fff
 | 
			
		||||
				border solid 1px rgba($theme-color, 0.1)
 | 
			
		||||
				border-radius 4px
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -139,4 +141,10 @@ export default Vue.extend({
 | 
			
		|||
		&:active
 | 
			
		||||
			color darken($theme-color, 30%)
 | 
			
		||||
 | 
			
		||||
.mk-poll-editor[data-darkmode]
 | 
			
		||||
	root(true)
 | 
			
		||||
 | 
			
		||||
.mk-poll-editor:not([data-darkmode])
 | 
			
		||||
	root(false)
 | 
			
		||||
 | 
			
		||||
</style>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -219,7 +219,7 @@ export default Vue.extend({
 | 
			
		|||
<style lang="stylus" scoped>
 | 
			
		||||
@import '~const.styl'
 | 
			
		||||
 | 
			
		||||
.mk-home
 | 
			
		||||
root(isDark)
 | 
			
		||||
	display block
 | 
			
		||||
 | 
			
		||||
	&[data-customize]
 | 
			
		||||
| 
						 | 
				
			
			@ -249,7 +249,8 @@ export default Vue.extend({
 | 
			
		|||
		left 0
 | 
			
		||||
		width 100%
 | 
			
		||||
		height 48px
 | 
			
		||||
		background #f7f7f7
 | 
			
		||||
		color isDark ? #fff : #000
 | 
			
		||||
		background isDark ? #313543 : #f7f7f7
 | 
			
		||||
		box-shadow 0 1px 1px rgba(0, 0, 0, 0.075)
 | 
			
		||||
 | 
			
		||||
		> a
 | 
			
		||||
| 
						 | 
				
			
			@ -289,7 +290,7 @@ export default Vue.extend({
 | 
			
		|||
						line-height 48px
 | 
			
		||||
 | 
			
		||||
				&.trash
 | 
			
		||||
					border-left solid 1px #ddd
 | 
			
		||||
					border-left solid 1px isDark ? #1c2023 : #ddd
 | 
			
		||||
 | 
			
		||||
					> div
 | 
			
		||||
						width 100%
 | 
			
		||||
| 
						 | 
				
			
			@ -329,7 +330,7 @@ export default Vue.extend({
 | 
			
		|||
 | 
			
		||||
			.mk-post-form
 | 
			
		||||
				margin-bottom 16px
 | 
			
		||||
				border solid 1px #e5e5e5
 | 
			
		||||
				border solid 1px rgba(#000, 0.075)
 | 
			
		||||
				border-radius 4px
 | 
			
		||||
 | 
			
		||||
		> *:not(.main)
 | 
			
		||||
| 
						 | 
				
			
			@ -357,4 +358,10 @@ export default Vue.extend({
 | 
			
		|||
				max-width 700px
 | 
			
		||||
				margin 0 auto
 | 
			
		||||
 | 
			
		||||
.mk-home[data-darkmode]
 | 
			
		||||
	root(true)
 | 
			
		||||
 | 
			
		||||
.mk-home:not([data-darkmode])
 | 
			
		||||
	root(false)
 | 
			
		||||
 | 
			
		||||
</style>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -392,7 +392,7 @@ root(isDark)
 | 
			
		|||
						cursor pointer
 | 
			
		||||
 | 
			
		||||
		> .mk-poll-editor
 | 
			
		||||
			background lighten($theme-color, 98%)
 | 
			
		||||
			background isDark ? #181b23 : lighten($theme-color, 98%)
 | 
			
		||||
			border solid 1px rgba($theme-color, 0.1)
 | 
			
		||||
			border-top none
 | 
			
		||||
			border-radius 0 0 4px 4px
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue