🎨
This commit is contained in:
		
							parent
							
								
									5f34758e87
								
							
						
					
					
						commit
						12286f4915
					
				
					 9 changed files with 15 additions and 7 deletions
				
			
		| 
						 | 
					@ -53,14 +53,14 @@ export default Vue.extend({
 | 
				
			||||||
		pointer-events none
 | 
							pointer-events none
 | 
				
			||||||
		user-select none
 | 
							user-select none
 | 
				
			||||||
		padding 0 4px
 | 
							padding 0 4px
 | 
				
			||||||
		background var(--primary)
 | 
							background var(--mfmMention)
 | 
				
			||||||
		border solid 1px var(--primary)
 | 
							border solid 1px var(--mfmMention)
 | 
				
			||||||
		border-radius 4px 0 0 4px
 | 
							border-radius 4px 0 0 4px
 | 
				
			||||||
		color var(--primaryForeground)
 | 
							color var(--mfmMentionForeground)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		& + .main
 | 
							& + .main
 | 
				
			||||||
			padding 0 4px
 | 
								padding 0 4px
 | 
				
			||||||
			border solid 1px var(--primary)
 | 
								border solid 1px var(--mfmMention)
 | 
				
			||||||
			border-radius 0 4px 4px 0
 | 
								border-radius 0 4px 4px 0
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	> .main
 | 
						> .main
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -84,6 +84,7 @@ export default define({
 | 
				
			||||||
<style lang="stylus" scoped>
 | 
					<style lang="stylus" scoped>
 | 
				
			||||||
.mkw-tips
 | 
					.mkw-tips
 | 
				
			||||||
	overflow visible !important
 | 
						overflow visible !important
 | 
				
			||||||
 | 
						opacity 0.8
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	> p
 | 
						> p
 | 
				
			||||||
		display block
 | 
							display block
 | 
				
			||||||
| 
						 | 
					@ -91,7 +92,7 @@ export default define({
 | 
				
			||||||
		padding 0 12px
 | 
							padding 0 12px
 | 
				
			||||||
		text-align center
 | 
							text-align center
 | 
				
			||||||
		font-size 0.7em
 | 
							font-size 0.7em
 | 
				
			||||||
		color #999
 | 
							color var(--text)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> [data-icon]
 | 
							> [data-icon]
 | 
				
			||||||
			margin-right 4px
 | 
								margin-right 4px
 | 
				
			||||||
| 
						 | 
					@ -102,7 +103,7 @@ export default define({
 | 
				
			||||||
			margin 0 2px
 | 
								margin 0 2px
 | 
				
			||||||
			font-size 1em
 | 
								font-size 1em
 | 
				
			||||||
			font-family inherit
 | 
								font-family inherit
 | 
				
			||||||
			border solid 1px #999
 | 
								border solid 1px var(--text)
 | 
				
			||||||
			border-radius 2px
 | 
								border-radius 2px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -24,6 +24,7 @@ p
 | 
				
			||||||
	padding 0 12px
 | 
						padding 0 12px
 | 
				
			||||||
	text-align center
 | 
						text-align center
 | 
				
			||||||
	font-size 0.7em
 | 
						font-size 0.7em
 | 
				
			||||||
	color #aaa
 | 
						color var(--text)
 | 
				
			||||||
 | 
						opacity 0.8
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</style>
 | 
					</style>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -15,6 +15,7 @@
 | 
				
			||||||
	props: {
 | 
						props: {
 | 
				
			||||||
		bg: 'rgb(250, 250, 250)',
 | 
							bg: 'rgb(250, 250, 250)',
 | 
				
			||||||
		mfmMention: '#f07171',
 | 
							mfmMention: '#f07171',
 | 
				
			||||||
 | 
							mfmMentionForeground: '#fff',
 | 
				
			||||||
		mfmUrl: '#86b300',
 | 
							mfmUrl: '#86b300',
 | 
				
			||||||
		mfmLink: '#399ee6',
 | 
							mfmLink: '#399ee6',
 | 
				
			||||||
		mfmHashtag: '#fa8d3e'
 | 
							mfmHashtag: '#fa8d3e'
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -123,6 +123,7 @@
 | 
				
			||||||
		mfmUrl: '$primary',
 | 
							mfmUrl: '$primary',
 | 
				
			||||||
		mfmLink: '@mfmUrl',
 | 
							mfmLink: '@mfmUrl',
 | 
				
			||||||
		mfmMention: '$primary',
 | 
							mfmMention: '$primary',
 | 
				
			||||||
 | 
							mfmMentionForeground: '@primaryForeground',
 | 
				
			||||||
		mfmHashtag: '$primary',
 | 
							mfmHashtag: '$primary',
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		suspendedInfoBg: '#611d1d',
 | 
							suspendedInfoBg: '#611d1d',
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -17,6 +17,7 @@
 | 
				
			||||||
		renoteText: 'rgb(169, 174, 36)',
 | 
							renoteText: 'rgb(169, 174, 36)',
 | 
				
			||||||
		quoteBorder: 'rgb(169, 174, 36)',
 | 
							quoteBorder: 'rgb(169, 174, 36)',
 | 
				
			||||||
		mfmMention: 'rgb(177, 98, 134)',
 | 
							mfmMention: 'rgb(177, 98, 134)',
 | 
				
			||||||
 | 
							mfmMentionForeground: '#fff',
 | 
				
			||||||
		mfmUrl: 'rgb(69, 133, 136)',
 | 
							mfmUrl: 'rgb(69, 133, 136)',
 | 
				
			||||||
		mfmLink: 'rgb(104, 157, 106)',
 | 
							mfmLink: 'rgb(104, 157, 106)',
 | 
				
			||||||
		mfmHashtag: 'rgb(204, 36, 29)'
 | 
							mfmHashtag: 'rgb(204, 36, 29)'
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -123,6 +123,7 @@
 | 
				
			||||||
		mfmUrl: '$primary',
 | 
							mfmUrl: '$primary',
 | 
				
			||||||
		mfmLink: '@mfmUrl',
 | 
							mfmLink: '@mfmUrl',
 | 
				
			||||||
		mfmMention: '$primary',
 | 
							mfmMention: '$primary',
 | 
				
			||||||
 | 
							mfmMentionForeground: '@primaryForeground',
 | 
				
			||||||
		mfmHashtag: '$primary',
 | 
							mfmHashtag: '$primary',
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		suspendedInfoBg: '#ffdbdb',
 | 
							suspendedInfoBg: '#ffdbdb',
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -17,6 +17,7 @@
 | 
				
			||||||
		renoteText: '#a6e22e',
 | 
							renoteText: '#a6e22e',
 | 
				
			||||||
		quoteBorder: '#a6e22e',
 | 
							quoteBorder: '#a6e22e',
 | 
				
			||||||
		mfmMention: '#ae81ff',
 | 
							mfmMention: '#ae81ff',
 | 
				
			||||||
 | 
							mfmMentionForeground: '#fff',
 | 
				
			||||||
		mfmUrl: '#66d9ef',
 | 
							mfmUrl: '#66d9ef',
 | 
				
			||||||
		mfmLink: '#e6db74',
 | 
							mfmLink: '#e6db74',
 | 
				
			||||||
		mfmHashtag: '#fd971f'
 | 
							mfmHashtag: '#fd971f'
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -15,6 +15,7 @@
 | 
				
			||||||
	props: {
 | 
						props: {
 | 
				
			||||||
		bg: 'rgb(248, 239, 221)',
 | 
							bg: 'rgb(248, 239, 221)',
 | 
				
			||||||
		mfmMention: 'rgb(238, 150, 43)',
 | 
							mfmMention: 'rgb(238, 150, 43)',
 | 
				
			||||||
 | 
							mfmMentionForeground: '#fff',
 | 
				
			||||||
		mfmUrl: 'rgb(0, 189, 214)',
 | 
							mfmUrl: 'rgb(0, 189, 214)',
 | 
				
			||||||
		mfmLink: 'rgb(255, 87, 146)',
 | 
							mfmLink: 'rgb(255, 87, 146)',
 | 
				
			||||||
		mfmHashtag: 'rgb(179, 134, 0)'
 | 
							mfmHashtag: 'rgb(179, 134, 0)'
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue